美文网首页
自定义控件(组合控件和自定义属性)

自定义控件(组合控件和自定义属性)

作者: Zane96 | 来源:发表于2015-11-02 13:21 被阅读637次

    前言

    在以前经常听到别人说,安卓里面自定义view灰常的重要。然后自己也没有去真正的去学习。自定义view其实是个非常高深的学问,如果深入研究下去的话。我看过爱哥(csdn)的ui博客(爱哥的csdn),真心佩服,感叹他的代码,数学,美术功底。然后,也没认真看下去,因为实在是太深奥了。自定义view大概可以分成

    • 继承view
    • 组合view
    • 自己画的view(用paint和canvas)
    • 自定义viewgroup(widget)
      最近又跟同学聊起来了,于是就准备自己实现一个imagebutton来练练手。(最简单的了)以及后面一个把imageview与textview结合使用的案例。

    ImageButton

    要实现ImageButton最容易想到的不就是把button和imageview合在一起么。嗯,人容易就想到这是一个组合自定义view。可是如何把一个image放到button上呢,自然就是用一个FrameLayout把button和imageview包裹起来,然后将这个layout当作一个weidgt。把一个layout当成一个控件我开始不太理解。后来了解到一些东西。

    补充知识点(安卓的顶层视图)

    在android里面,你的app界面的活动的视图并非是最顶级的视图。大家应该都知道viewtree。在安卓里面,最顶级的视图是一个叫DecorView的东西。它包括你的状态栏,标题栏,以及你的活动界面。而且这个活动界面,安卓会自动帮你提前弄进去一个FrameLayout。可以这么理解吧,在安卓这个上帝的面前,你的activity就是放在他的framelayout的一个个view。上一张图~


    DecorView->LinearLayout(状态栏和activity)->FrameLayout(activity)->你自己的acitivty视图。

    好啦,回归正题。我上代码了。

    myimagebutton_layout.xml

    <FrameLayout    
      xmlns:android="http://schemas.android.com/apk/res/android"        
      android:layout_width="match_parent"             
      android:layout_height="match_parent">   
      <Button       
        android:layout_width="match_parent"        
        android:layout_height="match_parent"        
        android:id="@+id/button_imagebutton"        />    
      <ImageView 
        android:layout_width="match_parent"        
        android:layout_height="match_parent"        
        android:id="@+id/imageview_button"        />
    </FrameLayout>
    

    用一个framelayout把两个控件装起来,然后组合。组合了之后我们就去自定义我们这个控件的属性。button不用变对吧,用原生的就好了,就是需要有一个图片的src这个属性就好了。

    在values目录下的attrs.xml文件_

    <?xml version="1.0" encoding="utf-8"?>
    <resources>在
        <declare-styleable name="MyImageButton">
            <attr name="Imagesrc" format="reference"/>
        </declare-styleable>
    </resources>
    

    一般来说,declare-styleable标签的名字都是你的自定义控件的名字。attr就是你的自定义控件属性。format是这个属性的值的数据类型。这里的reference表示引用。dimension表示的是dp或者sp的大小。还有一些可以自己去看看。定义好属性,我们就开始写控件了。

    MyImageButton.java

    /**
     * Created by Zane on 15/10/27.
     */
    public class MyImageButton2 extends FrameLayout{
    
        ImageView mImageView;
        Button mButton;
        int resId;
    
        public MyImageButton2(Context context) {
            super(context);
        }
    
        public MyImageButton2(Context context, AttributeSet attrs) {
            super(context, attrs);
            //导入布局
            LayoutInflater.from(context).inflate(R.layout.myimagebutton_layout, this);
    
          mImageView=(ImageView)findViewById(R.id.imageview_button);
           
          mButton = (Button) findViewById(R.id.button_imagebutton);
            //获得这个控件对应的属性。
          TypedArray a = getContext().obtainStyledAttributes(attrs, R.styleable.MyImageButton);
    
            try{
              //获得属性值
                resId = a.getResourceId(R.styleable.MyImageButton_Imagesrc, 0);
            }finally {
              //回收这个对象
                a.recycle();
            }
    
            if(resId != 0){
                mImageView.setImageResource(resId);
            }
        }
    
        public void setImage(int resId){
            mImageView.setImageResource(resId);
        }
    
    } 
    

    一般来说,继承view(就这么说吧,反正都是都是继承view的),实现两三个构造函数就可以了。在第二个里面有一个attr,这就是传进来的属性。如果resId不为默认值,就表示用户在xml里面传入了这个属性值,你也必须要写一个set方法,让用户可以在java代码中去改变属性值。

    test.myimagebutton.layout.xml_

    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:orientation="vertical"
        android:layout_width="match_parent"
        android:layout_height="match_parent">
    
        <com.example.think.testview.customview.MyImageButton2
            xmlns:pt = "http://schemas.android.com/apk/res/com.example.think.testview"
            android:layout_height="100dp"
            android:layout_width="match_parent"
            pt:Imagesrc = "@drawable/ic_launcher"
            />
    
    </LinearLayout>
    

    看到我们使用了自定义控件。如果用过github上面别人写的控件库的同学应该知道这种方法引入控件。xmlns:pt = "http://schemas.android.com/apk/res/com.example.think.testview 这个申明时必须的。pt是自己任意命名的,后面跟的是"http://schemas.android.com/apk/res/"加上你的包名。后面直接使用我们的自定义属性久ok了。

    效果图

    haha.png

    结束语

    说来也巧,刚会这个就有一个机会可以让我实战一下了。其实也就比这个复杂一点点,在做一个项目的时候,遇到这样的效果需求。

    hehe.png

    每一个结果后面都有一个imageview。如果要写的话,也很简单对吧,就是一个imageview加一个text。可是你如果自己写一个控件出来呢,它本身就实现了imageview和textview的结合。那岂不是两个控件变一个?并且这种形式用的太多了,各种地方都要用到,索性我就自己写了一个CombineImageViewTextView出来了。当然这个自定义属性就会多一点了,比如两个东西之间的间隔,字体大小,颜色等等。好了这也是我第一次用markdown写博客,感觉还不错哈哈~

    相关文章

      网友评论

          本文标题:自定义控件(组合控件和自定义属性)

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