1    自定义标签

这是我的模板项目目录
 
 

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

第一步:    自定义 标签

mm_tag.xml 
<?xml version="1.0" encoding="utf-8"?>

<resources>

    <declare-styleable name="GridItem">

        <attr name="bkground" format="reference|color"/>

        <attr name="text1"    format="string"/>

        <attr name="text2"    format="string"/>

        <attr name="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 -styleable name = "名称" >

    <attr name = "orientation" >

        <enum name = "horizontal" value = "0" />

        <enum name = "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 -styleable name = "名称" >

    <attr name = "windowSoftInputMode" >

        <flag name = "stateUnspecified" value = "0" />

        <flag name = "stateUnchanged" value = "1" />

        <flag name = "stateHidden" value = "2" />

    </attr>

</ declare -styleable>

//属性使用：

<activity

    android: name = ".StyleAndThemeActivity"

    android:label = "@string/app_name"

    android:windowSoftInputMode = "stateUnspecified | stateUnchanged　|　stateHidden" >

    <intent-filter>

        < action android: name = "android.intent.action.MAIN" />

        <category android: name = "android.intent.category.LAUNCHER" />

    </intent-filter>

</activity>

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

< declare -styleable name = "名称" >

    <attr name = "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 的实现代码中使用如下方法即可
public GridItem(Context context, AttributeSet attrs) {

	super(context, attrs);

	TypedArray typedarray=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    自定义组件

我想实现一个组件，类似于这样的
 
 
方法有很多种，自定义布局即可，现在我想让它以组件的形式在 布局中直接 像 TextView 一样使用，




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

import android.content.Context;

import android.content.res.TypedArray;

import android.graphics.drawable.Drawable;

import android.util.AttributeSet;

import android.view.LayoutInflater;

import android.view.View;

import android.widget.ImageView;

import android.widget.LinearLayout;

import android.widget.TextView;

public class GridItem extends LinearLayout {

	private	int bk_color;	//背景色

	private String text1;	//第一行文字

	private String text2;	//第二行文字

	private Drawable image;	//图标

	private LinearLayout layout;

	private TextView textview1;

	private TextView textview2;

	private ImageView imageview;

	private View view;

	public GridItem(Context context, AttributeSet attrs) {

		super(context, attrs);

		TypedArray typedarray=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 
<? xml   version = "1.0"    encoding = "utf-8" ?>

< LinearLayout   xmlns: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 (我的主布局文件)中使用
< LinearLayout   xmlns: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"    >

      <!-- Head start -->

     < 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 >

      <!-- Head end   -->

      <!-- Search start-->

     < 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 >

      <!-- Search end  -->

      <!-- GridItem start  -->

     < 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 >

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

4    结果展示

 
 
 
 
 
 
 
注：转载请注明出处 :)   毕竟代码是一个一个敲出来的啊，O(∩_∩)O~


 
 

Android 之 自定义标签 和 自定义组件的更多相关文章

  1. 写一个可插入自定义标签的 Textarea 组件

    - “插入自定义标签是什么鬼?” - “比如你要插入一个<wise></wise>的标签...” - “什么情况下会有这种需求?” - “得罪了产品的情况下...” 一.需求背 ...

  2. Jsp开发自定义标签，自定义标签将字符串转成指定的时间格式显示

    本例以将 字符串格式的时间转成指定的时间格式显示. 第一步.定义一个标签处理程序类,需要集成javax.servlet.jsp.tagext.TagSupport,代码如下: import java. ...

  3. Struts2自定义标签4自定义分页标签

    第一步:webroot/web-inf下的str.tld文件 <?xml version="1.0" encoding="UTF-8"?> < ...

  4. Struts2自定义标签2自定义一个按班级id查询出该班级下的学生，存放进值栈，并遍历出来。

    Struts2自定义标签的流程概念: (1)需要两个类:标签类(继承相应的tag类),基本类(继承Component).标签类专门负责从客户端取得用户输入的一些属性,这个普通的jsp自定义标签一样,取 ...

  5. django-DIL模板自定义过滤器，自定义标签，自定义包含标签

    自定义过滤器 DTL模板语言生来只是为了方便的展示信息,所以与编程语言相比显得有点薄弱,有时候不能满足我们的需求.因此django提供了一个接口,让开发者能自定义标签和过滤器. 首先,你需要添加一个t ...

  6. django之模板系统 --》内容（filter过滤器、tags标签【for、if、with】、母板以及继承、crf_token、注释、组件、静态文件【load static】、get_static_prefix、自定义标签和tag)

    常用: Django模板中只需要记两种特殊符号: {{ }}和 {% %} {{ }}表示变量,在模板渲染的时候替换成值,{% %}表示逻辑相关的操作. 变量 {{ 变量名 }} 变量名由字母数字和下 ...

  7. 杂项-Java：自定义标签

    ylbtech-杂项-Java:自定义标签 1.返回顶部 1. 一般我们说自定义标签是指JSP自定义标签.自定义标签在功能上逻辑上与javaBean 类似,都封装Java 代码.自定义标签是可重用的组 ...

  8. EL函数以及自定义标签的应用

    一.EL函数(调用普通类的静态方法) 编写步骤(自定义EL函数的编写步骤即自定义标签的编写步骤): ①编写一个普通的java类,提供一个静态方法,功能自定,例如下: package cn.wzbril ...

  9. JSTL自定义标签

    这节我们总结一下JSTL自定义标签相关内容. 1. 自定义标签简介 自定义标签主要用于移除JSP页面中的Java代码.Jsp页面主要是用来显示给前台的,如果里面有过多的java代码的话,会显得很乱,但 ...

随机推荐

  1. asp.net 微信公众平台我也来搞一搞（看看和大家的有什么不一样）

    去年10月份左右接触的微信,今年又要在上面做新的改动(好烦人,为什么我这么懒),小菜用了2天的工作日,做了一个微信解析器,方便大家调用. 好处: 1.屌丝们不用再去做微信验证. 2.屌丝们不用去解析x ...

  2. 【转】iOS开发系列--数据存取

    原文: http://www.cnblogs.com/kenshincui/p/4077833.html#SQLite 概览 在iOS开发中数据存储的方式可以归纳为两类:一类是存储为文件,另一类是存储 ...

  3. 【转】UITextView的使用详解

    //初始化并定义大小 UITextView *textview = [[UITextView alloc] initWithFrame:CGRectMake(20, 10, 280, 30)]; te ...

  4. 动态插入图片到 svg 中

    动态插入图片到 svg 中使用 createElementNS 来创建svg标签,通过setAttributeNS 来设置属性, 要注意两点,创建的时候要有'http://www.w3.org/200 ...

  5. Knockoutjs官网翻译系列（一）

    最近马上要开始一个新项目的研发,作为第一次mvvm应用的尝试,我决定使用knockoutjs框架.作为学习的开始就从官网的Document翻译开始吧,这样会增加印象并加入自己的思考,说是翻译也并不是纯 ...

  6. cas sso单点登录系列4_cas-server登录页面自定义修改过程（jsp页面修改）

    转:http://blog.csdn.net/ae6623/article/details/8861065 SSO单点登录系列4:cas-server登录页面自定义修改过程,全新DIY. 目标:    ...

  7. 【USACO 3.3.2】商品购物

    [描述] 在商店中,每一种商品都有一个价格(用整数表示).例如,一朵花的价格是 2 zorkmids (z),而一个花瓶的价格是 5z .为了吸引更多的顾客,商店举行了促销活动. 促销活动把一个或多个 ...

  8. HTML&CSS基础学习笔记1.33-元素选择器

    元素选择器 最常见的 CSS 选择器是元素选择器.换句话说,文档的元素就是最基本的选择器: p { text-indent:10px; color:blue; } 什么情况下使用元素选择器,一般我们这 ...

  9. java的类加载机制

    1．概述 Class文件由类装载器装载后,在JVM中将形成一份描述Class结构的元信息对象,通过该元信息对象可以获知Class的结构信息:如构造函数,属性和方法等,Java允许用户借由这个Class ...

  10. 重构后的程序：通过rsync命令抓取日志文件

    push.sh #!/bin/bash function push() { local ip=$ local user=$ local password=$ local path=$ local lo ...