为自定义View添加属性

为自定义View添加属性

每一个控件在布局或是代码中都有其属性：

<TextView
    android:id="@+id/tv_main"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:gravity="center"
    android:textSize="18sp"
    android:maxLines="1"/>

像id,layout_width,gravity…这是Android已经定义好的控件属性，在java代码中还有setText()方法等，为空间的使用提供了很多便捷。

自定义属性的步骤：

1.在attrs.xml文件中声明属性，有属性名：name和格式：format.

<!--自定义ToggleButton，声明属性集的名称-->
<declare-styleable name="MyToggleButton">
    <!--声明一个属性 name format-->
    <attr name="my_background" format="reference"/>
    <attr name="my_slide_btn" format="reference"/>
    <attr name="curr_state" format="boolean"/>
</declare-styleable>

format常用类型：

• reference 引用
• color 颜色
• boolean 布尔值
• dimension 尺寸值
• float 浮点值
• integer 整型值
• string 字符串
• enum 布尔值

2.在布局文件中使用新属性，使用之前必须声明命名空间，如：

xmlns:myview="http://schemas.android.com/apk/res/com.example.myview"

<com.jeff.customview.view.MyToggleButton
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    myview:curr_state="false"
    myview:my_background="@mipmap/switch_background"
    myview:my_slide_btn="@mipmap/slide_button"/>

3.在自定义view的构造方法中，通过AttributeSet对象，获得所需要的属性值

/**
 * 自定义ToggleButton
 *
 * view对象显示在屏幕上的步骤
 * 1.构造方法创建对象
 * 2.测量view大小 onMeasure（）
 * 3.确定view的位置，view自身有一些建议权，决定权在父view手中， onlayout（）
 * 4.绘制view的内容，onDraw(Canvas)
 */

public class MyToggleButton extends View implements View.OnClickListener {
    private static final String TAG = "MyToggleButton";

    private Bitmap bgBitmap;//背景图片
    private Bitmap slideBtn;//滑动按钮
    private Paint paint;//画笔
    private float slideBtn_left = 0;//slideBtn左边界

    private int backgroundId;//背景图片的资源ID
    private int slideBtnId;//滑动按钮的资源ID
    private boolean currentState = false;//按钮状态

    /**
     * 在代码中创建对象时调用
     *
     * @param context
     */
    public MyToggleButton(Context context) {
        super(context);
    }

    /**
     * 在布局文件声明的view，创建时由系统自动调用
     *
     * @param context
     * @param attrs
     */
    public MyToggleButton(Context context, @Nullable AttributeSet attrs) {
        super(context, attrs);

        //无命名空间测试(未添加到attrs)
        //获取的属性值为字符串
        String testAttr=attrs.getAttributeValue(null,"testAttr");
        Log.d(TAG, "MyToggleButton: testAttr= "+testAttr);

        //获取自定义属性
        TypedArray ta = context.obtainStyledAttributes(attrs, R.styleable.MyToggleButton);
        int count = ta.getIndexCount();
        for (int i = 0; i < count; i++) {
            //获取某个属性的ID
            int itemId = ta.getIndex(i);
            switch (itemId) {
                case R.styleable.MyToggleButton_my_background:
                    backgroundId = ta.getResourceId(itemId, -1);
                    Log.d(TAG, "MyToggleButton: backgroundId= "+backgroundId);
                    if (backgroundId==-1){
                        throw new RuntimeException("please set the imgRec of background");
                    }
                    bgBitmap= BitmapFactory.decodeResource(getResources(), backgroundId);
                    break;
                case R.styleable.MyToggleButton_my_slide_btn:
                    slideBtnId = ta.getResourceId(itemId, -1);
                    if (slideBtnId==-1){
                        throw new RuntimeException("please set the imgRec of slideBtn");
                    }
                    slideBtn= BitmapFactory.decodeResource(getResources(), slideBtnId);
                    break;
                case R.styleable.MyToggleButton_curr_state:
                    currentState = ta.getBoolean(itemId, false);
                    break;
            }
        }

        initView();
    }

    private void initView() {
        //初始化图片
//        bgBitmap = BitmapFactory.decodeResource(getResources(), R.mipmap.switch_background);
//        slideBtn = BitmapFactory.decodeResource(getResources(), R.mipmap.slide_button);

        //初始化画笔
        paint = new Paint();
        paint.setAntiAlias(true);//抗锯齿

        //添加点击事件监听
        setOnClickListener(this);

        flushState();
    }

    /**
     * 测量view大小时调用
     *
     * @param widthMeasureSpec
     * @param heightMeasureSpec
     */
    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        //设置当前view大小
        setMeasuredDimension(bgBitmap.getWidth(), bgBitmap.getHeight());
    }

    /**
     * 确定位置时调用
     * 自定义view时作用不大
     *
     * @param changed
     * @param left
     * @param top
     * @param right
     * @param bottom
     */
    @Override
    protected void onLayout(boolean changed, int left, int top, int right, int bottom) {
        super.onLayout(changed, left, top, right, bottom);
    }

    /**
     * 绘制view时调用
     *
     * @param canvas
     */
    @Override
    protected void onDraw(Canvas canvas) {
        //绘制背景
        canvas.drawBitmap(bgBitmap, 0, 0, paint);
        //绘制可滑动按钮
        canvas.drawBitmap(slideBtn, slideBtn_left, 0, paint);
    }

    @Override
    public void onClick(View v) {
        flushState();
        currentState = !currentState;
    }

    /**
     * 刷新当前状态
     */
    private void flushState() {
        if (currentState) {
            slideBtn_left = bgBitmap.getWidth() - slideBtn.getWidth();
        } else {
            slideBtn_left = 0;
        }

        //刷新当前view，会重调onDraw方法
        invalidate();
    }
}

效果展示：

项目用到的图片：

效果图：

查看布局中控件的属性

//构造方法
public CustomAttrs(Context context, @Nullable AttributeSet attrs) {
    super(context, attrs);
    int count=attrs.getAttributeCount();
    for (int i = 0; i < count; i++) {
        String name=attrs.getAttributeName(i);
        String value=attrs.getAttributeValue(i);
        Log.d(TAG, "CustomAttrs:  name= "+name+"  value= "+value);
    }
}

//log
CustomAttrs:  name= layout_width  value= -2
CustomAttrs:  name= layout_height  value= -2
CustomAttrs:  name= test_msg  value= @2131099681
CustomAttrs:  name= test_bitmap  value= @2130903052