1自定义标签

这是我的模板项目目录
Android 自定义标签和自定义组件_第1张图片

既然想像 android:text 那样使用自己的标签，那么首先得有标签。在 res/values/ 下我新建了个 mm_tag.xml(切记不可出现大写，只能是小写字母、数字、下划线)

第一步:自定义标签

mm_tag.xml

<?xmlversion="1.0"encoding="utf-8"?>
<resources>
<declare-styleablename="GridItem">
<attrname="bkground"format="reference|color"/>
<attrname="text1"format="string"/>
<attrname="text2"format="string"/>
<attrname="image"format="reference|integer"/>
</declare-styleable>
</resources>

format 参考: 1. reference：参考某一资源ID 2. color：颜色值 3. boolean：布尔值 4. dimension：尺寸值 5. float：浮点值 6. integer：整型值 7. string：字符串 8. fraction：百分数 9. enum：枚举值

//属性定义：
<declare-styleablename="名称">
<attrname="orientation">
<enumname="horizontal"value="0"/>
<enumname="vertical"value="1"/>
</attr>
</declare-styleable>
//属性使用：
<LinearLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
>
</LinearLayout>

10. flag：位或运算

//属性定义：
<declare-styleablename="名称">
<attrname="windowSoftInputMode">
<flagname="stateUnspecified"value="0"/>
<flagname="stateUnchanged"value="1"/>
<flagname="stateHidden"value="2"/>
</attr>
</declare-styleable>
//属性使用：
<activity
android:name=".StyleAndThemeActivity"
android:label="@string/app_name"
android:windowSoftInputMode="stateUnspecified|stateUnchanged　|　stateHidden">
<intent-filter>
<actionandroid:name="android.intent.action.MAIN"/>
<categoryandroid:name="android.intent.category.LAUNCHER"/>
</intent-filter>
</activity>

11.注意：属性定义时可以指定多种类型值。

//属性定义：
<declare-styleablename="名称">
<attrname="background"format="reference|color"/>
</declare-styleable>
//属性使用：
<ImageView
android:layout_width="42dip"
android:layout_height="42dip"
android:background="@drawable/图片ID|#00FF00"/>

第二步:在自定义组件中获得标签传回的数据

比如我们在布局中使用自定义组件 GridItem: 首先声明好标签的命名空间

xmlns:griditem="http://schemas.android.com/apk/res/com.mm.template"
//对比下android的命名空间:
xmlns:android="http://schemas.android.com/apk/res/android"

发现只有 res/后面的不同， com.mm.template是我的应用程序包名，通过 上文中的项目目录图片可以看出来， griditem 是我随便想的一个命名空间的名字。接下来就是使用自定义组件

<com.mm.template.GridItem
griditem:image="@drawable/mm_1"
android:padding="5dp"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_weight="1"
griditem:bkground="@color/orange"
griditem:text1="Android"griditem:text2="手机开发"/>

其中用到了我们的自定义标签：

griditem:image="@drawable/mm_1"
griditem:bkground="@color/orange"
griditem:text1="Android"
griditem:text2="手机开发"

怎么获取标签传回的数据呢呢？在自定义组件 GridItem 的实现代码中使用如下方法即可

publicGridItem(Contextcontext,AttributeSetattrs){
super(context,attrs);
TypedArraytypedarray=context.obtainStyledAttributes(attrs,R.styleable.GridItem);
bk_color=typedarray.getResourceId(R.styleable.GridItem_bkground,R.color.burlywood);
text1=typedarray.getString(R.styleable.GridItem_text1);
text2=typedarray.getString(R.styleable.GridItem_text2);
image=typedarray.getDrawable(R.styleable.GridItem_image);
typedarray.recycle();
view=LayoutInflater.from(context).inflate(R.layout.mm_grid_item,this,true);
layout=(LinearLayout)view.findViewById(R.id.item_layout);
textview1=(TextView)view.findViewById(R.id.text1);
textview2=(TextView)view.findViewById(R.id.text2);
imageview=(ImageView)view.findViewById(R.id.imageview);
layout.setBackgroundResource(bk_color);//设置背景色
textview1.setText(text1);//设置第一行文字
textview2.setText(text2);//设置第二行文字
imageview.setImageDrawable(image);//设置图标
}

即可获得我们自定义标签传过来的数据，并且正确的在界面中显示出来。下面我将结合自定义组件 GridItem 来一起讲。

2自定义组件

我想实现一个组件，类似于这样的 Android 自定义标签和自定义组件_第2张图片

方法有很多种，自定义布局即可，现在我想让它以组件的形式在布局中直接像 TextView 一样使用，
Android 自定义标签和自定义组件_第3张图片

那么就用到自定义组件。下面我将实现一个自定义组件 GridItem 实现。 一般都是继承于 Layout（我用继承于View时出现问题 ~~!） GridItem.java

packagecom.mm.template;
importandroid.content.Context;
importandroid.content.res.TypedArray;
importandroid.graphics.drawable.Drawable;
importandroid.util.AttributeSet;
importandroid.view.LayoutInflater;
importandroid.view.View;
importandroid.widget.ImageView;
importandroid.widget.LinearLayout;
importandroid.widget.TextView;
publicclassGridItemextendsLinearLayout{
privateintbk_color;//背景色
privateStringtext1;//第一行文字
privateStringtext2;//第二行文字
privateDrawableimage;//图标
privateLinearLayoutlayout;
privateTextViewtextview1;
privateTextViewtextview2;
privateImageViewimageview;
privateViewview;
publicGridItem(Contextcontext,AttributeSetattrs){
super(context,attrs);
TypedArraytypedarray=context.obtainStyledAttributes(attrs,R.styleable.GridItem);
bk_color=typedarray.getResourceId(R.styleable.GridItem_bkground,R.color.burlywood);
text1=typedarray.getString(R.styleable.GridItem_text1);
text2=typedarray.getString(R.styleable.GridItem_text2);
image=typedarray.getDrawable(R.styleable.GridItem_image);
typedarray.recycle();
view=LayoutInflater.from(context).inflate(R.layout.mm_grid_item,this,true);
layout=(LinearLayout)view.findViewById(R.id.item_layout);
textview1=(TextView)view.findViewById(R.id.text1);
textview2=(TextView)view.findViewById(R.id.text2);
imageview=(ImageView)view.findViewById(R.id.imageview);
layout.setBackgroundResource(bk_color);//设置背景色
textview1.setText(text1);//设置第一行文字
textview2.setText(text2);//设置第二行文字
imageview.setImageDrawable(image);//设置图标
}
}

这个自定义组件 GridItem用到的布局文件 mm_grid_item.xml

<?xmlversion="1.0"encoding="utf-8"?>
<LinearLayoutxmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:id="@+id/item_layout"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
android:background="@color/black"
android:padding="3dp"
android:paddingLeft="6dp"
tools:ignore="HardcodedText,ContentDescription">
<TextView
android:id="@+id/text1"
android:layout_weight="1"
style="@style/MM_TextView"/>
<TextView
android:id="@+id/text2"
android:layout_weight="1"
android:textSize="12sp"
style="@style/MM_TextView"/>
<ImageView
android:id="@+id/imageview"
android:layout_width="wrap_content"
android:layout_height="0dp"
android:layout_gravity="right"
android:src="@drawable/mm_title_1"
android:layout_weight="2"
android:layout_marginTop="10dp"
android:scaleType="fitCenter"/>
<!--图片缩放
android:scaleX="0.8"
android:scaleY="0.8"--></LinearLayout>

3 使用方法

在 main_layout.xml(我的主布局文件)中使用

<LinearLayoutxmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
xmlns:griditem="http://schemas.android.com/apk/res/com.mm.template"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@color/white"
android:orientation="vertical"
tools:ignore="HardcodedText,ContentDescription,NestedWeights">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="44dp"
android:orientation="horizontal"
android:padding="10dp"
android:background="@color/red">
<ImageView
android:layout_width="wrap_content"
android:layout_height="match_parent"
android:src="@drawable/mm_title_1"/>
<TextView
android:layout_width="0dp"
android:layout_height="match_parent"
android:layout_weight="1"
android:gravity="center"
android:text="测试案例"
android:textStyle="bold"
android:textSize="16sp"
android:textColor="@android:color/white"/>
<ImageView
android:layout_width="wrap_content"
android:layout_height="match_parent"
android:src="@drawable/mm_title_2"/>
</LinearLayout>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="36dp"
android:orientation="vertical"
android:paddingTop="3dp"
android:layout_margin="8dp">
<EditText
android:id="@+id/search_edit"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:drawableLeft="@drawable/mm_search"
android:background="@drawable/mm_shape_editview"
android:hint="请输入关键字"
android:textSize="16sp"
android:textColorHint="@color/darkgray"
android:textStyle="bold"
android:padding="6dp"/>
</LinearLayout>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="0dp"
android:layout_weight="1"
android:orientation="horizontal"
android:layout_margin="10dp">
<com.mm.template.GridItem
griditem:image="@drawable/mm_1"
android:padding="5dp"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_weight="1"
griditem:bkground="@color/orange"
griditem:text1="Android"
griditem:text2="手机开发"/>
<com.mm.template.GridItem
griditem:image="@drawable/mm_2"
android:padding="5dp"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_weight="1"
griditem:bkground="@color/blueviolet"
griditem:text1="C++"
griditem:text2="编程语言"/>
<com.mm.template.GridItem
griditem:image="@drawable/mm_3"
android:padding="5dp"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_weight="1"
griditem:bkground="@color/blue"
griditem:text1="服务端"
griditem:text2="后台开发"/>
</LinearLayout>
</LinearLayout>

也就是 <com /> 标签为我们自定义的 GridItem 组件。

4结果展示

参考来源：< http://blog.sina.com.cn/s/blog_62ef2f14010105vi.html >

Android 自定义标签和自定义组件

1自定义标签

第一步:自定义标签

第二步:在自定义组件中获得标签传回的数据

2自定义组件

3 使用方法

4结果展示

更多相关文章

随机推荐

Android 自定义标签 和 自定义组件

1自定义标签

第一步:自定义 标签

第二步:在自定义组件中获得标签传回的数据

2自定义组件

3 使用方法

4结果展示

更多相关文章

随机推荐

Android 自定义标签和自定义组件

第一步:自定义标签