给自定义View添加xml属性

笔者之前已经写过了一些自定义View的文章,在此对其也就不从头说起了,如有兴趣的读者可以看一下笔者的前两篇文章。
android 自定义view的使用(最佳demo——返回标题栏)
android 自定义控件(底部icon点击效果)

笔者之前的文章中仅仅介绍了如何使用自定义View以及为什么要使用自定义View等等,但是在实际操作中,我们还是希望自定义View之后,直接能够在xml中就对其进行操作,如下图:
给自定义View添加xml属性_第1张图片

给自定义View添加xml属性_第2张图片

那么如何操作呢?主要是三个步骤:

1、自定义属性名称

2、将属性名称与控件关联

3、从第三方命名空间获取到自定义属性名称

主要代码:
给自定义View添加xml属性_第3张图片

1、自定义属性名称

首先要在values文件中创建一个xml文件,并且在其中写上你需要的自定义属性的名称以及类型。
给自定义View添加xml属性_第4张图片

atts.xml中代码如下:



    
        
        
        
        
    

2、将属性名称与控件关联

此点比较简单,直接看代码:
MyView.java

package com.example.double2.viewxmltest;

import android.content.Context;
import android.content.res.TypedArray;
import android.graphics.Color;
import android.util.AttributeSet;
import android.view.LayoutInflater;
import android.widget.LinearLayout;
import android.widget.TextView;

/**
 * 项目名称:ViewXmlTest
 * 创建人:Double2号
 * 创建时间:2016/8/4 10:23
 * 修改备注:
 */
public class MyView extends LinearLayout {

    private int colorText;
    private String textLeft;
    private String textTitle;
    private String textRight;
    private TextView tvLeft;
    private TextView tvTitle;
    private TextView tvRight;

    public MyView(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);

        //从xml的属性中获取到字体颜色与string
        TypedArray ta=context.obtainStyledAttributes(attrs,R.styleable.MyTitle);
        colorText=ta.getColor(R.styleable.MyTitle_textColor,Color.BLACK);
        textLeft=ta.getString(R.styleable.MyTitle_leftText);
        textTitle=ta.getString(R.styleable.MyTitle_titleText);
        textRight=ta.getString(R.styleable.MyTitle_rightText);
        ta.recycle();

        //获取到控件
        //加载布局文件,与setContentView()效果一样
        LayoutInflater.from(context).inflate(R.layout.my_view, this);
        tvLeft=(TextView)findViewById(R.id.tv_left);
        tvTitle=(TextView)findViewById(R.id.tv_title);
        tvRight=(TextView)findViewById(R.id.tv_right);

        //将控件与设置的xml属性关联
        tvLeft.setTextColor(colorText);
        tvLeft.setText(textLeft);
        tvTitle.setTextColor(colorText);
        tvTitle.setText(textTitle);
        tvRight.setTextColor(colorText);
        tvRight.setText(textRight);

    }


}

my_view.xml




    

    

    

3、从第三方命名空间获取到自定义属性名称

此处要注意在activity_main.xml要申明第三方命名空间(在android studio中只需要用res-auto,在eclipse中就需要加上完整的包名,如下图)
注:my_view只是使用时的一个名称而已,后方的“http://schemas.android.com/apk/res-auto”才是真正有用的。
这里写图片描述

这里写图片描述

activity_main.xml




    



最后附上源码:http://download.csdn.net/detail/double2hao/9594621

你可能感兴趣的:(【Android】,Android,UI进阶)