android----UI组件

 

 一、android自带的UI组件

android中-UI组件实例大全：http://blog.csdn.net/column/details/ui-demo.html

 

二、自定义UI组件

android中-自定义组件和属性：

Android系统虽然自带了很多的组件，但肯定满足我们个性化的需求，所以我们为了开发方便，需要自定义Android的UI组件，以实现我们个性化的需求

自定义组合控件的步骤：

1 、自定一个View，需要继承相对布局，线性布局等ViewGroup的子类。ViewGroup是一个其他控件的容器，能够乘放各种组件。

2 、实现父类的3个构造方法。一般需要在构造方法里始化初自定义布局文件。
一个参数构造方法：为new控件使用
两个参数的造方法：在调用布局文件使用
三个参数的造方法：传递带有样式的布局文件使用

3 、根据需求，定义一些API方法

4 、根据需要自定义控件的属性。可以参考TextView的属性写

5 、自定义命名空间：

xmlns:xxx="http://schemas.android.com/apk/res/<包名>" xxx为为scheam名

6 、自定义我们的属性， 在res/values/attrs.xml（创建属性文件）定义属性

7 、使用自定义的属性：

例如：
andy:desc_off="设置自动更新已经关闭"
andy:desc_on="设置自动更新已经开启"
andy:titles="设置自动更新"

8 、在我们自定义控件的带两个参数的构造方法里面，AttributeSet attrs取出自定属性值，关联到自定义布局文件对应的控件

 

 1 定义一个自定义控件：setting_item_view.xml布局文件

<relativelayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="68dip">
 
    <textview android:id="@+id/tv_title" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginleft="10dip" android:layout_margintop="8dip" android:text="设置是否自动更新" android:textcolor="#000000" android:textsize="20sp">
 
    <textview android:id="@+id/tv_desc" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_below="@id/tv_title" android:layout_marginleft="10dip" android:text="自动更新已经关闭" android:textcolor="#88000000" android:textsize="18sp">
 
    <checkbox android:id="@+id/cb_status" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignparentright="true" android:layout_centervertical="true" android:layout_marginright="10dip">
 
    <view android:clickable="false" android:layout_width="match_parent" android:layout_height="0.2dip" android:layout_alignparentbottom="true" android:layout_marginleft="5dip" android:layout_marginright="5dip" android:background="#000000">
 
</view></checkbox></textview></textview></relativelayout>

 

 2 在对应的Activity布局文件中调用

<!--?xml version="1.0" encoding="utf-8"?-->
<linearlayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:andy="http://schemas.android.com/apk/res/com.andy.mobilesafe" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical">
 
   <com.andy.mobilesafe.ui.settingitemview android:id="@+id/siv_update" android:layout_width="wrap_content" android:layout_height="wrap_content" andy:desc_off="设置自动更新已经关闭" andy:desc_on="设置自动更新已经开启" andy:titles="设置自动更新">
</com.andy.mobilesafe.ui.settingitemview></linearlayout>

 3 自定义属性：res/values/attrs.xml

<!--?xml version="1.0" encoding="utf-8"?-->
<resources>
 
    <declare-styleable name="TextView">
 
        <!-- 自定义控件的属性 -->
         
         
         
    </attr></attr></attr></declare-styleable>
 
</resources>

 4 实现自定义组件，继承ViewGroup的子类，实现构造方法，和对应的API方法

package com.andy.mobilesafe.ui;
 
import com.andy.mobilesafe.R;
 
import android.content.Context;
import android.util.AttributeSet;
import android.view.View;
import android.widget.CheckBox;
import android.widget.RelativeLayout;
import android.widget.TextView;
 
/**
 * @author Zhang,Tianyou
 * @version 2014年11月15日 下午10:22:50
 * 
 *          自定义组合控件 两个TextView 一个checkbox 一个View
 */
 
public class SettingItemView extends RelativeLayout {
 
    private CheckBox cb_status;
    private TextView tv_title;
    private TextView tv_desc;
 
    private String desc_on;
    private String desc_off;
 
    /**
     * 初始化布局文件
     * 
     * @param context
     */
    private void initView(Context context) {
        // 第二个为布局文件 root第三个参数为布局文件父类
        // 把一个布局文件 View 并加载在SettingItemView
        View.inflate(context, R.layout.setting_item_view, this);
        // View 已经加载该SettingItemView
        cb_status = (CheckBox) this.findViewById(R.id.cb_status);
        tv_desc = (TextView) this.findViewById(R.id.tv_desc);
        tv_title = (TextView) this.findViewById(R.id.title);
    }
 
    public SettingItemView(Context context, AttributeSet attrs, int defStyle) {
        super(context, attrs, defStyle);
        // 这个是可以传递一个样式 调用
        initView(context);
    }
 
    /**
     * 带有两个参数的构造方法 ，布局文件使用的时间调用
     * 
     * @param context
     * @param attrs
     *            得到属性值
     */
    public SettingItemView(Context context, AttributeSet attrs) {
        super(context, attrs);
        // 自定义布局使用调用的构造方法 attrs为配置的属性 布局文件中使用
        initView(context);
 
        String titles = attrs.getAttributeValue(
                "http://schemas.android.com/apk/res/com.andy.mobilesafe",
                "titles");
        desc_off = attrs.getAttributeValue(
                "http://schemas.android.com/apk/res/com.andy.mobilesafe",
                "desc_off");
        desc_on = attrs.getAttributeValue(
                "http://schemas.android.com/apk/res/com.andy.mobilesafe",
                "desc_on");
        tv_title.setText(titles);
        setDesc(desc_off);
    }
 
    public SettingItemView(Context context) {
        super(context);
        // new 出的时间使用
        initView(context);
    }
 
    /**
     * 校验组合控件是否有选中
     * 
     * @return
     */
    public boolean isChecked() {
        return cb_status.isChecked();
    }
 
    /**
     * 设置组合控件选中
     * 
     * @param checked
     */
    public void setChecked(boolean checked) {
        if(checked){
            setDesc(desc_on);
        }else {
            setDesc(desc_off);
        }
         
        cb_status.setChecked(checked);
    }
 
    /**
     * 设置组合控件的描述信息
     * 
     * @param text
     */
    public void setDesc(String text) {
        tv_desc.setText(text);
    }
}

 

 三、引用第三方开源的UI组件库

http://www.oschina.net/project/tag/342/