android:自己定义组合控件Weight(高仿猫眼底部菜单条)
在我们实际开发其中。会碰见一些布局结构类似或者同样的界面。比如应用的设置界面、tabbutton界面等。
这时候。对于刚開始学习的人来说,xml里面一个个绘制出来也许是最初的想法。可能随着经验的积累,又学会一招。就是使用include标签,导入类似或者同样的布局,提高了性能又降低了代码;再以后呢,自己定义控件又能够实现这一目的。本文就是简单的使用自己定义的组合控件模仿猫眼底部菜单条。
1.自己定义组合控件属性:在res/values文件夹下创建attrs.xml文件
<declare-styleable name="TabItemView">
<attr name="contentTextSize" format="dimension"/> <!-- 字体大小 -->
<attr name="contentTextColor" format="color"/> <!-- 字体颜色 -->
<attr name="contentTextString" format="string"/> <!-- 显示的默认文字 -->
<attr name="contentLogoBack" format="reference"/> <!-- item背景 -->
<attr name="contentLogoSize" format="dimension" />
</declare-styleable>
TabItemView:简单一点说,就是属性组合的名字。
<attr />某个属性的定义:如<attr name="contentTextSize" format="dimension"/>,定义的就是文字的大小。contentTextSize指属性名字(和我们xml中经常使用的textSize)。format定义的是contentTextSize详细的属性类型。
以下简单的说下format的详细类型:
(1) reference:參考某一资源ID。 (2) color:颜色值。
(3) boolean:布尔值。 (4) dimension:尺寸值。
(5) float:浮点值。
(6) integer:整型值。
(7) string:字符串。 (8) fraction:百分数。
(9) enum:枚举值。 (10)flag:位或运算。
2.控件的属性定义完了,然后就是要在代码里面获取使用这些属性,看源码的时候。你会发现系统定义的属性都是通过TypedArray这玩意获取的,获取方法例如以下:
TypedArray ta = mContext.obtainStyledAttributes(attrs, R.styleable.TabItemView);
以上方法返回的我们自己定义的属性集合,待最后用完之后,须要手动释放一下。ta.recycle();
TypedArray属性集合得到之后。以下就是依据须要获取不同的属性,针对不同的属性有不同的获取方法。以下是几个比較经常使用到的属性获取方法:
(1)getDimensionPixelSize:获取尺寸的大小(间距。文字大小等)
(2)getResourceId:获取资源id(图片等)
(3)getString:获取字符串
(4)getBoolean:获取布尔值
(5)getColor:获取颜色值
(6)getFloat:获取浮点类型值
以下是TabItemView自己定义组合控件的完整代码:
package com.dandy.weights; import com.dandy.utils.PhoneUtils;
import com.demo.dandy.R;
import android.content.Context;
import android.content.res.TypedArray;
import android.text.TextUtils;
import android.util.AttributeSet;
import android.util.TypedValue;
import android.view.InflateException;
import android.view.View;
import android.widget.ImageView;
import android.widget.LinearLayout;
import android.widget.TextView;
import android.view.View.OnClickListener; public class TabItemView extends LinearLayout implements OnClickListener{ private Context mContext; private ImageView contentLogo;
private TextView contentText; private int logoBackResourceId;
private String textString;
private int textColor;
private float textSize;
private int contentLogoSize;
private static final float defaultTextSize = 16;
private int defaultColor,selectedColor;
private TabClickListner mClickListner; public TabItemView(Context context) {
this(context, null);
} public TabItemView(Context context, AttributeSet attrs) {
this(context, attrs, 0);
} public TabItemView(Context context, AttributeSet attrs, int defStyle) {
super(context, attrs, defStyle);
this.mContext = context;
init(attrs);
addView();
} private void init(AttributeSet attrs){
this.setOnClickListener(this);
TypedArray ta = mContext.obtainStyledAttributes(attrs, R.styleable.TabItemView);
logoBackResourceId = ta.getResourceId(R.styleable.TabItemView_contentLogoBack, -1);
textColor = ta.getColor(R.styleable.TabItemView_contentTextColor, getResources().getColor(android.R.color.black));
textSize = ta.getDimensionPixelSize(R.styleable.TabItemView_contentTextSize, PhoneUtils.dp2px(mContext, defaultTextSize));
textString = ta.getString(R.styleable.TabItemView_contentTextString);
contentLogoSize = ta.getDimensionPixelSize(R.styleable.TabItemView_contentLogoSize, LayoutParams.WRAP_CONTENT);
ta.recycle();
defaultColor = mContext.getResources().getColor(R.color.textcolor_black_b3);
selectedColor = mContext.getResources().getColor(R.color.textcolor_red_d);
} private void addView(){
contentLogo = new ImageView(mContext);
contentLogo.setFocusable(false);
contentLogo.setClickable(false);
LayoutParams logoParams = new LayoutParams(contentLogoSize,contentLogoSize);
contentLogo.setLayoutParams(logoParams);
if(logoBackResourceId != -1){
contentLogo.setBackgroundResource(logoBackResourceId);
}else{
throw new InflateException("未设置填充图片资源");
} this.addView(contentLogo); if(!TextUtils.isEmpty(textString)){
contentText = new TextView(mContext);
contentText.setFocusable(false);
contentText.setClickable(false);
LayoutParams textParams = new LayoutParams(LayoutParams.WRAP_CONTENT,LayoutParams.WRAP_CONTENT);
textParams.topMargin = PhoneUtils.dp2px(mContext,3);
contentText.setLayoutParams(textParams);
contentText.setTextColor(textColor);
contentText.setTextSize(TypedValue.COMPLEX_UNIT_PX,textSize);
contentText.setText(textString);
this.addView(contentText);
}
} @Override
public void onClick(View v) {
setTabSelected(true);
if(mClickListner != null){
mClickListner.onTabClick(this);
}
} /**
*设置点击监听事件
*/
public void setTabClickListener(TabClickListner listner){
this.mClickListner = listner;
} /**
*设置填充图片资源
*/
public void setContentLogoBack(int resourceId){
contentLogo.setBackgroundResource(resourceId);
} /**
*设置填充文字
*/
public void setContentTextString(String text){
if(contentText != null){
contentText.setText(text);
}
} /**
*设置选中状态
*/
public void setTabSelected(boolean enable){
if(contentLogo != null){
contentLogo.setSelected(enable);
}
if(contentText != null){
if(enable){
contentText.setTextColor(selectedColor);
}else{
contentText.setTextColor(defaultColor);
}
}
} public interface TabClickListner{
void onTabClick(View view);
} }
TabClickListener:控件点击的回调接口
3.控件搞定,然后就是在布局里面的详细使用
在res/layout/中创建tab_layout.xml文件,详细代码例如以下:
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tabItem="http://schemas.android.com/apk/res/com.demo.dandy"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal"
android:background="@color/background_bg7"
android:paddingTop="@dimen/tab_padding"
android:paddingBottom="@dimen/tab_padding"> <com.dandy.weights.TabItemView
android:id="@+id/movie"
style="@style/TabItemStyle"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:gravity="center"
android:orientation="vertical"
tabItem:contentLogoBack="@drawable/selector_tab_movie"
tabItem:contentTextString="@string/movie" /> <com.dandy.weights.TabItemView
android:id="@+id/cinema"
style="@style/TabItemStyle"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:gravity="center"
android:orientation="vertical"
tabItem:contentLogoBack="@drawable/selector_tab_cinema"
tabItem:contentTextString="@string/cinema" /> <com.dandy.weights.TabItemView
android:id="@+id/community"
style="@style/TabItemStyle"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:gravity="center"
android:orientation="vertical"
tabItem:contentLogoBack="@drawable/selector_tab_community"
tabItem:contentTextString="@string/community" /> <com.dandy.weights.TabItemView
android:id="@+id/mine"
style="@style/TabItemStyle"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:gravity="center"
android:orientation="vertical"
tabItem:contentLogoBack="@drawable/selector_tab_mine"
tabItem:contentTextString="@string/mine" /> </LinearLayout>
代码其中:xmlns:tabItem="http://schemas.android.com/apk/res/com.demo.dandy"。这段代码是关联你自己定义属性的。其中com.demo.dandy是指你应用的包名,tabItem是引用名
事实上就是拷贝xmlns:android="http://schemas.android.com/apk/res/android,替换一下android就ok了。
详细流程是:在构造函数中。获取TypedArray属性集合,然后获取所需的各个属性值,再通过动态加入控件ImageView和TextView,而且把对应定义的属性赋值给它们。
执行截图例如以下:
android:自己定义组合控件Weight(高仿猫眼底部菜单条)的更多相关文章
- android 自己定义组合控件
自己定义控件是一些android程序猿感觉非常难攻破的难点,起码对我来说是这种,可是我们能够在网上找一些好的博客关于自己定义控件好好拿过来学习研究下,多练,多写点也能找到感觉,把一些原理弄懂,今天就讲 ...
- [Android学习笔记]组合控件的使用
组合控件的使用 开发过程中,多个UI控件需要协同工作,相互交互之后,才可完成一个完整的业务需求,此时可把这些控件封装成为一个整体,相互之间的交互逻辑封装其中,外部调用可无需关心内部逻辑,只需获取处理后 ...
- android 自定义空间 组合控件中 TextView 不支持drawableLeft属性
android 自定义空间 组合控件中 TextView 不支持drawableLeft属性.会报错Caused by: android.view.InflateException: Binary X ...
- Android Studio自定义组合控件
在Android的开发中,为了能够服用代码,会把有一定共有特点的控件组合在一起定义成一个自定义组合控件. 本文就详细讲述这一过程.虽然这样的View的组合有一个粒度的问题.粒度太大了无法复用,粒度太小 ...
- Android中自定义组合控件
Android中自定义控件的情况非常多,一般自定义控件可以分为两种:继承控件及组合控件.前者是通过继承View或其子类,重写方法实现自定义的显示及事件处理方式:后者是通过组合已有的控件,来实现结构的简 ...
- android自己定义开关控件
近日在android项目要使用开关控件.可是android中自带的开关控件不太惬意,所以就打算通过自己定义View写一个开关控件 ios的开关控件当然就是我要仿照的目标. 先上图: waterma ...
- 撸一个Android高性能日历控件,高仿魅族
Android原生的CalendarView根本无法满足我们日常开发的需要,在开发吾记APP的过程中,我觉得需要来一款高性能且美观简洁的日历控件,觉得魅族的日历风格十分适合,于是打算撸一款. gith ...
- android开发 获取父控件的高宽
@Override protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) { super.onMeasure(wi ...
- Android自己定义View之组合控件 ---- LED数字时钟
先上图 LEDView效果如图所看到的. 之前看到一篇博客使用两个TextView实现了该效果.于是我想用自己定义控件的方式实现一个LEDView.使用时就可以直接使用该控件. 採用组合控件的方式,将 ...
随机推荐
- python3 多线程获取数据实例
import requestsimport jsonfrom retrying import retryfrom lxml import etreefrom queue import Queueimp ...
- Nginx实现负载均衡&Nginx缓存功能
一.Nginx是什么 Nginx (engine x) 是一个高性能的HTTP和反向代理服务器,也是一个IMAP/POP3/SMTP服务器.Nginx是由伊戈尔·赛索耶夫为俄罗斯访问量第二的Rambl ...
- C#链接数据库增删改查的例子
以users表为例,有三个字段,自增长的编号id,int类型:名称name,nvarchar类型,密码pwd,nvarchar类型首先在vs2005中引入using System.Data.SqlCl ...
- Android内存泄露的原因
(一)释放对象的引用,误将一个本来生命周期短的对象存放到一个生命周期相对较长的对象中,也称“对象游离“.隐蔽的内部类(Anonymous Inner Class): mHandler = new Ha ...
- Oracle函数sys_connect_by_path 详解
Oracle函数sys_connect_by_path 详解 语法:Oracle函数:sys_connect_by_path 主要用于树查询(层次查询) 以及 多列转行.其语法一般为: s ...
- maven学习之1
最近用maven的时候各种出问题,打算系统的学习一下maven,搞明白依赖之类的. (一)创建工程: mvn archetype:generate 这样就可以根据提示来建立一个maven项目,常用的有 ...
- 重写Fields 控制models 数据输出字段
models: public function Fields() { $fields = parent::Fields();//原来models输出字段 $fields['parentComment' ...
- sqli-libs
这是抄袭你们 铃兰师姐总结的,尽管她很不情愿. (现在只是第八关,相信她会努力的,一定会做完,我也会随时在这个上面更新的,这个是在本地搭建的,想要这个的可以找你们铃兰师姐要啊!!!) less-1: ...
- Android Weekly Notes Issue #284
November 19th, 2017 Android Weekly Issue #284 本期内容丰富.有趣的有如何搭建真机测试平台,Proguard里面各类keep的区别,如何运行时获得泛型类型, ...
- 苹果快速的修复了Mac OS High Sierra 上出现了root的漏洞
最近苹果因为Mac最新系统 Mac OS High Sierra 上出现了root的漏洞走上了风口浪尖,不过还好,在一封苹果给科技媒体'9to5 Mac'的回复中得知,苹果在接收到报告之后,立即展开修 ...