码迷,mamicode.com
首页 > 其他好文 > 详细

自定义组合控件

时间:2016-10-02 13:03:13      阅读:199      评论:0      收藏:0      [点我收藏+]

标签:

转自http://www.cnblogs.com/hdjjun/archive/2011/10/12/2209467.html 代码为自己编写

目标:实现textview和ImageButton组合,可以通过Xml设置自定义控件的属性。 

      通过代码或者通过xml设置自定义控件的属性

1.控件布局:以Linearlayout为根布局,一个TextView,一个ImageButton。 
  
Xml代码
  1. < ?xml version="1.0" encoding="utf-8"?>    
  2.     < LinearLayout xmlns:Android="http://schemas.android.com/apk/res/android"    
  3.     android:layout_width="fill_parent" android:layout_height="fill_parent"    
  4.     android:gravity="center_vertical">    
  5.     < TextView android:layout_height="wrap_content" android:id="@+id/text1"    
  6.     android:layout_width="wrap_content">< /TextView>    
  7.     < ImageButton android:layout_width="wrap_content"    
  8.     android:layout_height="wrap_content" android:id="@+id/btn1">< /ImageButton>    
  9.     < /LinearLayout>  
2.自定义控件代码,从LinearLayout继承: 
  
Java代码
  1. public class ImageBtnWithText extends LinearLayout {    
  2.      }    
  3.       public ImageBtnWithText(Context context) {    
  4.       this(context, null);    
  5.       }    
  6.          
  7.       public ImageBtnWithText(Context context, AttributeSet attrs) {    
  8.       super(context, attrs);    
  9.        //在构造函数中将Xml中定义的布局解析出来。   
  10.       LayoutInflater.from(context).inflate(R.layout.imagebtn_with_text, thistrue);  
  11.         }    
  12.       }  

 
3.在主界面布局xml中使用自定义控件: 
  
Xml代码 
  1. < com.demo.widget2.ImageBtnWithText    
  2.    android:id="@+id/widget"    
  3.    android:layout_width="fill_parent"    
  4.    android:layout_height="fill_parent" />  

即使用完整的自定义控件类路径:com.demo.widget2.ImageBtnWithText定义一个元素。 
  运行可以看到控件已经能够被加载到界面上。 
4.给按钮设置图片和文本 
  如果图片是固定不变的,那么直接在控件布局中设置ImageButton的src属性即可。 
  4.1通过Java代码设置,在控件代码中提供函数接口: 
  
Java代码
  1. public void setButtonImageResource(int resId) {    
  2.    mBtn.setImageResource(resId);    
  3.    }    
  4.       
  5.    public void setTextViewText(String text) {    
  6.    mTv.setText(text);    
  7.    }  

然后再在主界面的onCreate()通过函数调用设置即可。 
  4.2通过Xml设置属性 
  4.2.1首先定义Xml可以设置的属性集合,在values下创建attrs.xml,文件名可随意,一般都叫attrs.xml 
  
Xml代码
  1. < ?xml version="1.0" encoding="utf-8"?>    
  2.   < resources>    
  3.    < declare-styleable name="ImageBtnWithText">    
  4.    < attr name="android:text"/>    
  5.    < attr name="android:src"/>    
  6.    < /declare-styleable>    
  7.    < /resources>  

属性集合名字:ImageBtnWithText,自己可根据实际来定义; 
  集合中包含的属性列表,每行一个属性。 
  4.2.2修改自定义控件实现代码,以获取xml中定义的属性 
  
Java代码
  1. TypedArray a = context.obtainStyledAttributes(attrs, R.styleable.ImageBtnWithText);    
  2.   CharSequence text = a.getText(R.styleable.ImageBtnWithText_android_text);    
  3.   if(text != null) mTv.setText(text);    
  4.   Drawable drawable = a.getDrawable(R.styleable.ImageBtnWithText_android_src);    
  5.   if(drawable != null) mBtn.setImageDrawable(drawable);    
  6.   a.recycle();  

首先通过context.obtainStyledAttributes获得所有属性数组; 
  然后通过TypedArray类的getXXXX()系列接口获得相应的值。 
  4.2.3在主界面布局中设置自定义控件的属 
  android:text="ABC" android:src="@drawable/icon 
  4.3自定义名称属性: 
  在4.2中使用的属性名是Android系统命名空间的,都以android开头,比如android:text等。 
实际开发中会自定义一些属性名,这些属性名仍然定义在4.2.1提到的attrs.xml中: 
  4.3.1定义属性名 
  
Xml代码 
  1. < attr name="appendText" format="string"/>  

和直接使用系统的attr不同的是要增加一个format属性,说明此属性是什么格式的。format可选项可参见注1 
  4.3.2使用自定义属性 
  
Xml代码
  1. < ?xml version="1.0" encoding="utf-8"?>    
  2.    < LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"    
  3.    xmlns:myspace="http://schemas.android.com/apk/res/com.demo.customwidget"    
  4.    android:orientation="vertical" android:layout_width="fill_parent"    
  5.    android:layout_height="fill_parent">    
  6.    < com.demo.widget2.ImageBtnWithText    
  7.    android:text="ABC" android:src="@drawable/icon" android:id="@+id/widget"    
  8.    android:layout_width="fill_parent" android:layout_gravity="center"    
  9.    android:layout_height="fill_parent" myspace:appendText="123456">    
  10.    < /com.demo.widget2.ImageBtnWithText>    
  11.    < /LinearLayout>  
效果图
技术分享技术分享
 




自定义组合控件

标签:

原文地址:http://www.cnblogs.com/ywq-come/p/5927296.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!