zoukankan      html  css  js  c++  java
  • android开发系列之使用xml自定义控件

          在android开发的过程中,有的时候面对多个Activity里面一些相同的布局,我们需要写多次相同的代码,同时这种方法给我们的项目维护也带来了很大不便。那么有没有一种可行的办法能够将Activity里面相同的布局拆分的很清楚呢?当然是有的,这个时候就轮到自定义控件闪亮登场了。

          其实在android里面有多种方法去实现自定义控件,但是今天这篇博客里面只介绍使用xml的方式进行自定义控件的创建。请看下面的这种场景,不管在哪个页面里面都有个标题,包括一条居中的文本信息和在左边的返回按钮。这个时候我们就可以将上面的标题拆分成一个控件,然后在该控件里面暴露出一个text属性和一个按钮的点击事件。

          首先让我们先来创建一个前台的xml文件用于放置布局,代码如下所示:

    <?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="match_parent"
        android:background="@color/test"
        android:gravity="center_vertical">
    
        <TextView
            android:id="@+id/tvBack"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="<"
            android:layout_alignParentLeft="true" />
    
        <TextView
            android:id="@+id/tvTitle"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="登录"
            android:layout_centerHorizontal="true"/>
    
    </RelativeLayout>
    

     可以看到在上面的布局里面,我们只是放置了两个TextView,一个表示返回,另一个则表示title。

           看到这里聪明的你也许就能猜到了,会不会在自定义控件的时候,我们也同样需要采用某种方法加载上面的布局文件,然后在加载的时候同时关联自己定义好的属性和事件到上面返回的TextView点击事件和标题的TextView的text属性呢?是的,请看比较重要的后台关联代码类定义:

    public class TitleControl extends RelativeLayout {
    }
    

     可以发现TitleControl我们是直接从RelativeLayout继承而来的,这样的话TitleControl就属于一种View控件了。接下来所要做的事情,就是定义属性和事件了。现在假设我们需要定义一个MyText属性,那么应该怎么做呢?请看如下代码:

    public class TitleControl extends RelativeLayout {
    
        private TextView tvBack, tvTitle;
        private String title;
    
        public TitleControl(Context context) {
            super(context);
        }
    
        public TitleControl(Context context, AttributeSet attrs) {
            super(context, attrs);
    
            View view = View.inflate(context, R.layout.activity_title, this);
            tvTitle = (TextView) view.findViewById(R.id.tvTitle);
    
            tvBack = (TextView) view.findViewById(R.id.tvBack);
            tvBack.setOnClickListener(new OnClickListener() {
                @Override
                public void onClick(View v) {
                   
                }
            });
    
            TypedArray a = context.obtainStyledAttributes(attrs, R.styleable.title);
            title = a.getString(R.styleable.title_MyText);
            a.recycle();
    
            tvTitle.setText(title, TextView.BufferType.SPANNABLE);
    
        }
    
        public String getTitle() {
            return this.title;
        }
    
        public void setTitle(String title) {
            this.title = title;
        }
    }
    

     在上面的代码里面我们通过View的inflate方法加载前台页面,然后通过findViewById方法就找到了前台需要关联的控件了。但是我们自己定义的属性放在哪里呢?一种比较容易维护的做法就是将属性放置在xml文件里面。下面就让我们来看看属性的xml代码:

    <?xml version="1.0" encoding="utf-8"?>
    <resources>
        <declare-styleable name="title">
            <attr name="MyText" format="string"/>
        </declare-styleable>
    </resources>
    

            当我们定义好属性xml之后,就可以通过下面的这段代码,将我们自己定义的MyText属性关联到TextView的Text属性上面了。这样就相当于实现了自定义属性。

    TypedArray a = context.obtainStyledAttributes(attrs, R.styleable.title);
    title = a.getString(R.styleable.title_MyText);
    a.recycle();
    
    tvTitle.setText(title, TextView.BufferType.SPANNABLE);
    

            做到这里我们就差一个自定义事件了,那么我们怎样去定义一个事件关联到TextView的点击上面呢?答案是通过回调方法的方式实现的,请看回调方法的定义:

    private ITitleCallback iTitleCallback;
    
        public interface ITitleCallback {
            void OnBackClickLinear();
        }
    
        public void setTitleClickLinear(ITitleCallback iTitleCallback) {
            this.iTitleCallback = iTitleCallback;
        }
    

     然后在TextView点击的时候执行如下代码就可以了:

    tvBack = (TextView) view.findViewById(R.id.tvBack);
            tvBack.setOnClickListener(new OnClickListener() {
                @Override
                public void onClick(View v) {
                    if(iTitleCallback!=null){
                        iTitleCallback.OnBackClickLinear();
                    }
                }
            });
    

           好了,今天就到这里吧!如有不对,欢迎拍砖。

  • 相关阅读:
    ubuntu安装ruby的几种方法总结
    使用一年ESB感受
    web工程迁移---在一个jboss5或jboss6中运行多个实例
    web工程迁移---weblogic8迁移到jboss5遇到的异常
    web工程迁移---jboss5迁移到jboss6
    Git使用(3)
    Git使用(2)
    Git使用(1)
    Spring4 mvc+maven 框架搭建(3)
    Spring4 mvc+maven 框架搭建(2)
  • 原文地址:https://www.cnblogs.com/xiaocai20091687/p/android-xiaocai-control.html
Copyright © 2011-2022 走看看