カスタムitemCheckView

非常にお勧めの記事:ようこそお気に入り
のAndroidドライシェア

5分、毎日10時、あなたと生涯学習を読んで、ここでのAndroidのプログラマです

この資料に記載されているAndroidこの記事を読んで知識の開発の一部を、次のことを刈り取ります。

  1. その実装するカスタムViewクラス
  2. カスタムビュー]タブ
  3. カスタムレイアウトビュー
  4. カスタムビューセレクター
  5. カスタムビューのクリップ
  6. 活動は、カスタムビューのコントロールを参照します
  7. 活動は、カスタムビューを使用しています

itemCheckView主にカスタムのために選択されたitem一般的に使用され、Settings次のようにモジュール、効果が実現されます。
カスタムitemCheckView

.JPGを選択

1.カスタムビュークラスを実装します

public class ItemCheckView extends RelativeLayout {
    // 每一个xml中的结点,都需要转换成java中的对象才可以去运行
    // 转换成一个对象,调用其构造方法,在调用构造方法的时候,去做xml--->view操作

    private static final String TAG = "ItemCheckView";
    private TextView tv_title;
    private TextView tv_des;
    private CheckBox cb_box;
    private static final String NAMESPACE = "http://schemas.android.com/apk/res/com.programandroid";
    private String mDesTitle;
    private String mDesOff;
    private String mDesOn;

    public ItemCheckView(Context context, AttributeSet attrs, int defStyle) {
        super(context, attrs, defStyle);
        initAttrs(attrs);
        initUI(context);
    }

    public ItemCheckView(Context context, AttributeSet attrs) {
        super(context, attrs);
        initAttrs(attrs);
        initUI(context);
    }

    public ItemCheckView(Context context) {
        super(context);
        initUI(context);
    }

    // 单独抽取出来的 xml--->view
    private void initUI(Context context) {
        View.inflate(context, R.layout.item_check_view, this);

        tv_title = (TextView) findViewById(R.id.tv_title);
        tv_des = (TextView) findViewById(R.id.tv_des);

        cb_box = (CheckBox) findViewById(R.id.cb_box);

        tv_title.setText(mDesTitle);
    }

    // checkbox是否选中的状态,就决定了当前条目是否开启版本更新检测
    // checbbox选中状态,和版本更新状态绑定

    /**
     * 当前条目的选中状态,是否开启更新的选中状态
     */
    public boolean isCheck() {
        // 是否要去更新,由checkbox选中状态决定 true选中 false未选中
        return cb_box.isChecked();
    }

    /**
     * @param isCheck
     *            传递一个选中未选中的状态变量(true 选中 false未选中)
     */
    public void setCheck(boolean isCheck) {
        cb_box.setChecked(isCheck);
        if (isCheck) {
            tv_des.setText(mDesOn);
        } else {
            tv_des.setText(mDesOff);
        }
    }

    /**
     * @param attrs
     *            包含了属性名称和属性值的set集合
     */
    private void initAttrs(AttributeSet attrs) {
        // 打印属性总个数
        /*
         * Log.i(tag, "attrs.getAttributeCount() = "+attrs.getAttributeCount());
         * for(int i=0;i<attrs.getAttributeCount();i++){ //获取所有的属性名称 Log.i(tag,
         * "属性名称 = "+attrs.getAttributeName(i)); Log.i(tag,
         * "属性值 = "+attrs.getAttributeValue(i)); }
         */

        mDesTitle = attrs.getAttributeValue(NAMESPACE, "desTitle");
        mDesOff = attrs.getAttributeValue(NAMESPACE, "desOff");
        mDesOn = attrs.getAttributeValue(NAMESPACE, "desOn");

        Log.i(TAG, mDesTitle);
        Log.i(TAG, mDesOff);
        Log.i(TAG, mDesOn);
    }

2. [カスタム表示]タブ

1.注:カスタムAndroidの名前空間

同じAndroid名前空間の(xmlns:android="http://schemas.android.com/apk/res/android" )カスタム使用するような方法はview属性を、カスタム宣言する必要がありますview名前空間を
(xmlns:programandroid="http://schemas.android.com/apk/res/com.programandroid")

2.注:カスタムビューのプロパティ

カスタムView次のような特性は以下のとおりです。

  programandroid:desOff="  不选中"
  programandroid:desOn="  选中"
  programandroid:desTitle=" WIFI " 

で宣言されたプロパティres/values/attrs.xmlの定義

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <declare-styleable name="ItemCheckView"><!--SettingItemView申明控件,内部可以包含自定义属性-->
        <attr name="desTitle" format="string"/><!--标题描述属性-->
        <attr name="desOff" format="string"/><!--关闭更新属性-->
        <attr name="desOn" format="string"/><!--开启更新属性-->
    </declare-styleable>
</resources>

3.表示のカスタマイズレイアウト

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_margin="5dp" >

    <TextView
        android:id="@+id/tv_title"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="sss"
        android:textColor="@android:color/primary_text_light"
        android:textSize="18sp" />

    <TextView
        android:id="@+id/tv_des"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@id/tv_title"
        android:text="sss"
        android:textColor="@android:color/secondary_text_light"
        android:textSize="14sp" />

    <CheckBox
        android:id="@+id/cb_box"
        style="@style/CustomCheckboxTheme"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentRight="true"
        android:layout_centerVertical="true"
        android:clickable="false"
        android:focusable="false"
        android:focusableInTouchMode="false" />

</RelativeLayout>

4.カスタムビューセレクター

  • チェックボックスのカスタムスタイル
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">

    <item android:drawable="@drawable/btn_checkbox_press" android:state_checked="true"/>
    <item android:drawable="@drawable/btn_checkbox_normal" android:state_checked="false"/>
    <item android:drawable="@drawable/btn_checkbox_normal"/>

</selector>
  • カスタムアイテムセレクタ
<?xml version="1.0" encoding="UTF-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">

    <!-- 按下去的背景颜色显示效果 -->
    <item android:drawable="@drawable/list_item_bg_light_pressed" android:state_pressed="true"/>
    <!-- 获取焦点时背景颜色显示效果 -->
    <item android:drawable="@drawable/list_item_bg_light_pressed" android:state_focused="true"/>
    <!-- 没有任何状态下的背景颜色 -->
    <item android:drawable="@drawable/list_item_bg_light_normal"/>

</selector>

5.カスタムビューの創造

btn_checkbox_normal.png

btn_checkbox_press.png

活動6.カスタムレイアウトビューの参照

    <com.programandroid.CustomView.ItemCheckView
        xmlns:programandroid="http://schemas.android.com/apk/res/com.programandroid"
        android:id="@+id/custom_item_check_view"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="@drawable/listview_item_selector"
        programandroid:desOff="  不选中"
        programandroid:desOn="  选中"
        programandroid:desTitle=" WIFI " />

7.アクティビティの使用カスタムビュー

    /**
     * 自定义InitItemCheckView Activity 调用
     */
    private void InitItemCheckView() {
        // TODO Auto-generated method stub
        final ItemCheckView mItemCheckView = (ItemCheckView) findViewById(R.id.custom_item_check_view);
        mItemCheckView.setCheck(false);

        mItemCheckView.setOnClickListener(new OnClickListener() {

            @Override
            public void onClick(View v) {
                // TODO Auto-generated method stub

                // 1,获取当前条的原有状态
                boolean check = mItemCheckView.isCheck();
                // 2,对第一步获取的状态取反
                mItemCheckView.setCheck(!check);
                if (!check) {

                } else {

                }

            }
        });
    }

間違った場所、あなたの提案や修正を歓迎している場合これまでのところ、本明細書に、これは、終了しました。同時に、あなたの注意を楽しみにして、お読みいただきありがとうございました、ありがとうございました!

マイクロチャネル国民の関心番号:プログラマーアンドロイド、福祉を受けます

おすすめ

転載: www.cnblogs.com/wangjie1990/p/11310703.html
おすすめ