(转)android自定义组合控件

原文地址:http://mypyg.iteye.com/blog/968646

目标:实现textview和ImageButton组合,可以通过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. public ImageBtnWithText(Context context) {
  3. this(context, null);
  4. }
  5. public ImageBtnWithText(Context context, AttributeSet attrs) {
  6. super(context, attrs);
  7. LayoutInflater.from(context).inflate(R.layout.imagebtn_with_text, this, true);
  8. }
  9. }

在构造函数中将Xml中定义的布局解析出来。 
PS:有时执行此句代码时eclipse会输出找不到资源,而无法预览自定义控件。经试验确定是新增的布局没有生成资源,但是clean project重新生成也不行,最后重启eclipse解决。 
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. public void setTextViewText(String text) {
  5. mTv.setText(text);
  6. }

然后再在主界面的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>

直接在主布局文件中使用此属性appendText="abc"是不会设置生效的,而是要在主布局xml中定义一个xml命名空间: 
xmlns:myspace="http://schemas.android.com/apk/res/com.demo.customwidget" 
命名空间的名字可以自己随便定义,此处为myspace,即xmlns:myspace; 
后面的地址则有限制,其开始必须为:"http://schemas.android.com/apk/res/",后面则是包名com.demo.customwidget, 
此处的包名与AndroidManifest.xml中<manifest>节点的属性package="com.demo.customwidget"一致,不是自定义控件Java代码所在的包,当然简单的程序自定义控件Java代码也一般在此包内。

注1: 
注1:format可选项 
"reference" //引用 
"color" //颜色 
"boolean" //布尔值 
"dimension" //尺寸值 
"float" //浮点值 
"integer" //整型值 
"string" //字符串 
"fraction" //百分数,比如200% 
枚举值,格式如下: 
<attr name="orientation"> 
<enum name="horizontal" value="0" /> 
<enum name="vertical" value="1" /> 
</attr>   
xml中使用时: 
android:orientation = "vertical"

标志位,位或运算,格式如下: 
<attr name="windowSoftInputMode"> 
<flag name = "stateUnspecified" value = "0" /> 
<flag name = "stateUnchanged" value = "1" /> 
<flag name = "stateHidden" value = "2" /> 
<flag name = "stateAlwaysHidden" value = "3" /> 
<flag name = "stateVisible" value = "4" /> 
<flag name = "stateAlwaysVisible" value = "5" /> 
<flag name = "adjustUnspecified" value = "0x00" /> 
<flag name = "adjustResize" value = "0x10" /> 
<flag name = "adjustPan" value = "0x20" /> 
<flag name = "adjustNothing" value = "0x30" /> 
</attr>         
xml中使用时: 
android:windowSoftInputMode = "stateUnspecified | stateUnchanged | stateHidden">

另外属性定义时可以指定多种类型值,比如: 
<attr name = "background" format = "reference|color" /> 
xml中使用时: 
android:background = "@drawable/图片ID|#00FF00"

时间: 2024-10-13 00:16:10

(转)android自定义组合控件的相关文章

Android 自定义组合控件小结

引言 接触Android UI开发的这段时间以来,对自定义组合控件有了一定的了解,为此小结一下,本文小结内容主要讨论的是如何使用Android SDK提供的布局和控件组成一个功能完整组合控件并将其封装为面向对象的类,而并非讨论如何继承自SDK提供的控件类(比如TextView),对其进行自定义扩展的问题. 进入正题前,我们先来看一组功能需求 假设在手机需求上,那么如上三个界面我们可以使用三个Activity,每个Activity一个布局文件,实现起来比较独立,但是假设在Android pad上要

Android自定义组合控件--底部多按钮切换

效果图: 现在市场上大多数软件都是类似于上面的结构,底部有几个按钮用于切换到不同的界面.基于OOP思想,我想把下面的一整块布局封装成一个类,也就是我们的自定义组合控件-底部多按钮切换布局,我把它叫做BottomLayout 看上面的布局,几个按钮横向排列,我们先看一下布局 最外面LinearLayout 方向 horizontal,然后5个weight相同的RelativeLayout,每个RelativeLayout里面有一个Button(用了显示选中状态)个ImageView(用来显示红点)

android 自定义组合控件

自定义控件是一些android程序员感觉很难攻破的难点,起码对我来说是这样的,但是我们可以在网上找一些好的博客关于自定义控件好好拿过来学习研究下,多练,多写点也能找到感觉,把一些原理弄懂,今天就讲下自定义组合控件,这个特别适合在标题栏或者设置界面,看下面图: 就非常适合使用组合控件了,现在写一个玩玩: activity_main.xml <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"

Android自定义组合控件--图片加文字,类似视频播放软件的列表

分四步来写: 1,组合控件的xml; 2,自定义组合控件的属性; 3,自定义继承组合布局的class类,实现带两参数的构造器; 4,在xml中展示组合控件. 具体实现过程: 一.组合控件的xml 我接触的有两种方式,一种是普通的Activity的xml:一种是父节点为merge的xml.我项目中用的是第一种,但个人感觉第二种好,因为第一种多了相对或者绝对布局层. 我写的 custom_pictext.xml <?xml version="1.0" encoding="u

Android自定义组合控件的实现

需求:在黑马做安全卫士的时候,功能9设置中心界面如下: 在点击item的时候,复选框会反转状态,同时"自动更新已经关闭"会变换内容和颜色. 可以发现这个界面类似ListView,但又不是ListView,因为它的item数量是固定的,且最后一 item和之前的都不一样.虽然这个看着像是标准的List结构,实则每个item不是完全一样,因为 每个item的提示文本(如"自动更新已经关闭")的内容并不完全一样. 假如用一般方式来布局的话,4个item就会有3*4 = 1

Android自定义组合控件---教你如何自定义下拉刷新和左滑删除

绪论 最近项目里面用到了下拉刷新和左滑删除,网上找了找并没有可以用的,有比较好的左滑删除,但是并没有和下拉刷新上拉加载结合到一起,要不就是一些比较水的结合,并不能在项目里面使用,小编一着急自己组合了一个,做完了和QQ的对比了一下,并没有太大区别,今天分享给大家,其实并不难,但是不知道为什么网上没有比较好的Demo,当你的项目真的很急的时候,又没有比较好的Demo,那么"那条友谊的小船儿真是说翻就翻啊",好了,下面先来具体看一下实现后的效果吧: 代码已经上传到Github上了,小伙伴们记

Android自定义组合控件内子控件无法显示问题

今天自定义了一个组合控件,与到了个奇葩问题: 我自定义了一个RelativeLayout,这个layout内有多个子控件.但奇怪的是这些子控件一直显示不出来.调试了一下午,竟然是因为在获取(inflate)布局时没有添加到Root.

Android自定义组合控件

今天和大家分享下组合控件的使用.很多时候android自定义控件并不能满足需求,如何做呢?很多方法,可以自己绘制一个,可以通过继承基础控件来重写某些环节,当然也可以将控件组合成一个新控件,这也是最方便的一个方法.今天就来介绍下如何使用组合控件,将通过两个实例来介绍.第一个实现一个带图片和文字的按钮,如图所示: 整个过程可以分四步走.第一步,定义一个layout,实现按钮内部的布局.代码如下: <?xml version="1.0" encoding="utf-8&quo

android 自定义组合控件 顶部导航栏

在软件开发过程中,经常见到,就是APP 的标题栏样式几乎都是一样的,只是文字不同而已,两边图标不同.为了减少重复代码,提高效率, 方便大家使用,我们把标题栏通过组合的方式定义成一个控件. 例下图: 点击: 如不设置左边,右边图片: 下面说一下具体实现步骤: 步骤一: 导航栏包括:* 返回按钮* 标题* 右侧按钮(功能不确定) 首先是布局文件,如下: </pre><p></p><pre name="code" class="java&q