美文网首页IT技术Android开发经验谈Android知识
Android之自定义view引用xml布局文件

Android之自定义view引用xml布局文件

作者: 侯蛋蛋_ | 来源:发表于2017-11-06 10:41 被阅读2985次

    目录

    • 1.加载xml布局文件

    • 2.自定义属性

    一、加载xml布局文件

    1) 在构造方法中调用方法:

    public class CustomView extends RelativeLayout {
    
    
        public CustomView(Context context) {
            super(context);
        }
    
        public CustomView(Context context, AttributeSet attrs) {
            super(context, attrs);
             
            View inflate = inflate(getContext(), R.layout.reg_view, this);
        }
    
        public CustomView(Context context, AttributeSet attrs, int defStyleAttr) {
            super(context, attrs, defStyleAttr);
        }
    }
    
    • inflate(context, R.layout.activity_main, this);
      • 一参 Context上下文
      • 二参 xml布局文件id
      • 三参 ViewGroup

    我们可以通过View.findViewById()来获取布局文件中的控件,进行相关的设置,比如这样

    public CustomView(Context context, AttributeSet attrs) {
            super(context, attrs);
             
            View inflate = inflate(getContext(), R.layout.reg_view, this);
            inflate.findViewById(R.id.text);
        }
    

    但是我们没办法定义布局里面的属性,比如引用的reg_view布局文件有一个TextView文件,所以我们就需要用到自定义属性,下面我就贴一下全部的源码

    二、自定义属性

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

    • 1、自定义属性名称
    • 2、将属性名称与控件关联
    • 3、从第三方命名空间获取到自定义属性名称

    主要代码:

    1.自定义属性名称

    首先要在values文件中创建一个xml文件,并且在其中写上你需要的自定义属性的名称以及类型。

    atts.xml中代码如下:

    <?xml version="1.0" encoding="utf-8"?>
    <resources>
        <declare-styleable name="MyTitle">
            <attr name="textColor" format="color"/>
            <attr name="titleText" format="string"/>
            <attr name="leftText" format="string"/>
            <attr name="rightText" format="string"/>
        </declare-styleable>
    </resources>
    

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

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

    MyView.java

    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

    <?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:layout_width="match_parent"
                  android:layout_height="wrap_content"
                  android:orientation="horizontal"
                  android:padding="10dp"
                  tools:background="@android:color/holo_blue_dark">
    
        <TextView
            android:id="@+id/tv_left"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:textSize="18sp"
            tools:text="left"
            tools:textColor="#fff"/>
    
        <TextView
            android:id="@+id/tv_title"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:gravity="center"
            android:textSize="23sp"
            tools:text="title"
            tools:textColor="#fff"/>
    
        <TextView
            android:id="@+id/tv_right"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:textSize="18sp"
            tools:text="right"
            tools:textColor="#fff"/>
    </LinearLayout>
    

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

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

    activity_main.xml

    <?xml version="1.0" encoding="utf-8"?>
    <RelativeLayout
        xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:my_view="http://schemas.android.com/apk/res-auto"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        >
    
        <com.example.double2.viewxmltest.MyView
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:background="@android:color/holo_blue_dark"
            my_view:leftText="Back"
            my_view:rightText="Go"
            my_view:textColor="#fff"
            my_view:titleText="MyViewTest"
            />
    
    </RelativeLayout>
    

    相关文章

      网友评论

        本文标题:Android之自定义view引用xml布局文件

        本文链接:https://www.haomeiwen.com/subject/mfifmxtx.html