前言：在我从C++转到Android时，就被Android里炫彩斑斓的自定义控件深深折服，想知道如果想利用C++实现这些功能，那是相当困难的。从那时候起，我就想，等我学会了自定义控件，一定要写一篇系列出来，方便后来者能更系统完善地掌握它。今天，这个系列就这样默默地诞生了，希望它能够完成它的使命，在你读完这系列博客时，发现定自义控件也不过如此！如果，顺便能给个评论，加个关注，我将不胜感激——启舰

 

我的新书《Android自定义控件入门与实战》出版啦:https://blog.csdn.net/harvic880925/article/details/81455073

 

一、自定义控件三部曲之动画篇

1、《自定义控件三部曲之动画篇（一）——alpha、scale、translate、rotate、set的xml属性及用法》
2、《自定义控件三部曲之动画篇（二）——Interpolator插值器》
3、《自定义控件三部曲之动画篇（三）—— 代码生成alpha、scale、translate、rotate、set及插值器动画》
4、《自定义控件三部曲之动画篇(四)——ValueAnimator基本使用》

初识ValueAnimator:ofInt,ofFloat以及监听器用法
5、《自定义控件三部曲之动画篇(五)——ValueAnimator高级进阶（一）》

这一节非常重要，讲解了插值器与Evaluator的使用与如何自定义知识
	
这节中有如何做到背景色渐变的特效
6、《自定义控件三部曲之动画篇(六)——ValueAnimator高级进阶（二）》

这节着重讲解了ValueAnimator的ofObject函数用法
	
可以看到自定义弹性圆的伸缩特效
	
如何给A-Z字母变化添加上插值器效果
7、《自定义控件三部曲之动画篇(七)——ObjectAnimator基本使用》

这节讲了ObjectAnimator的用法及如何利用ObjectAnimator来实现前几节的效果
8、《自定义控件三部曲之动画篇(八)——PropertyValuesHolder与Keyframe》

这节主要讲了如何自定义关键帧的知识
	
使用关键帧实现电话振铃效果
9、《自定义控件三部曲之动画篇(九)——联合动画的代码实现》

这节讲解了如何实现组合动画的知识包括顺序播放、同时播放和自由定义顺序播放以及动画监听器相关的知识
10、《自定义控件三部曲之动画篇(十)——联合动画的XML实现与使用示例》

利用XML来实现组合动画的知识
	
实现了路径菜单动画
11、《 自定义控件三部曲之动画篇(十一)——layoutAnimation与gridLayoutAnimation》

讲解了容器类中控件的进入动画的实现方式
12、《自定义控件三部曲之动画篇(十二)——animateLayoutChanges与LayoutTransition》

自定义容器类中控件进入、退出等相关动画的实现方式

13、《自定义控件三部曲之动画篇(十三)——实现ListView Item进入动画》

讲解了一个实例：如何实现listview中各个item进场时的动画
 

在动画篇中，从一到十篇是必须要掌握的，11-13篇不是必须掌握的，有个印象就行

 

二、自定义控件三部曲之绘图篇

1、《自定义控件三部曲之绘图篇（一）：概述及基本几何图形绘制》
2、《自定义控件三部曲之绘图篇（二）：路径及文字》
3、《自定义控件三部曲之绘图篇（三）：区域（Range）》
4、《自定义控件三部曲之绘图篇（四）：canvas变换与操作》
5、《自定义控件三部曲之绘图篇（ 五）：drawText()详解》
6、《 自定义控件三部曲之绘图篇（六）——Path之贝赛尔曲线和手势轨迹、水波纹效果》

本篇将讲述手势轨迹捕捉、波浪纹效果实现的几种方法
7、《 自定义控件三部曲之绘图篇(七)——Paint之函数大汇总》

本篇将讲述路径的各种效果，比如铁锈路径、自定义图形路径、虚线路径等
8、《自定义控件三部曲之绘图篇（八）——Paint之ColorMatrix与滤镜效果》

本篇将讲述各种滤镜效果的实现方法：包括黑白滤镜、反古滤镜、色彩增强滤镜、色彩替换等
9、《自定义控件三部曲之绘图篇（九）——Paint之setColorFilter》

按钮点击时，动态加深图片色彩（简易方法）
	
可以学到针对不同主题动态设置不同色彩图片的方法(setTint())
10、《自定义控件三部曲之绘图篇（十）——Paint之setXfermode(一)》

硬件加速的原理与禁用方法
	
选区颜色替换、溶合图片、反向选区颜色替换
11、《自定义控件三部曲之绘图篇（十一）——Paint之setXfermode(二)》

书架中书本选中灯光效果
	
Twiter标识中空效果实现
	
图片圆角实现
	
图片倒影实现
	
橡皮擦效果实现
	
刮刮卡效果实现
12、《自定义控件三部曲之绘图篇（十二）——Paint之setXfermode(三)》

区域波纹动画效果
	
心电图动画
	
不规则波纹
	
刷刷卡、图片倒影等另种实现方式
13、《自定义控件三部曲之绘图篇（十三）——Canvas与图层(一)》

这篇文章中没有任何特效，但这是绘图篇中非常重要的一篇，对于理解Canvas绘图起着重要作用
14、《自定义控件三部曲之绘图篇（十四）——Canvas与图层（二）》

上一篇的续篇，讲解了save、saveLayer、saveLayerAlpha中所使用的FLAG的具体意义
15、《自定义控件三部曲之绘图篇（十五）——QQ红点拖动删除效果实现（基本原理篇）》

对以往知识点进行总结复习，涉及有Canvas绘图、SaveLayer图层、贝赛尔曲线、手势监听和逐帧动画等
	
初步实现了QQ红点拖动效果
16、《自定义控件三部曲之绘图篇（十六）——给控件添加阴影效果与发光效果》

传统地给按钮添加阴影的方法
	
如何给已有控件添加阴影
	
如何给控件添加发光效果
17、《自定义控件三部曲之绘图篇（十七）——为Bitmap添加阴影并封装控件》

如何给图片添加阴影
	
如何自定义控件属性
	
控件如何自测量
	
如何最终封装成控件
18、《自定义控件三部曲之绘图篇（十八）——BitmapShader与望远镜效果》

实现望远镜效果
	
封装不规则头像控件
19、《自定义控件三部曲之绘图篇(十九)——LinearGradient与闪动文字效果》

讲解了LinearGradient的意义
	
实现了闪动文字效果控件
20、《自定义控件三部曲之绘图篇(二十)——RadialGradient与水波纹按钮效果》

讲解了RradialGradient知识
	
实现了按钮水波纹效果
 

三、自定义控件三部曲之视图篇

1、《自定义控件三部曲视图篇（一）——测量与布局》

讲解onMeasure、onLayout的区别与用法
	
讲解margin的计算方法
2、《自定义控件三部曲视图篇（二）——FlowLayout自适应容器实现》

实现了自适应的派生自ViewGroup的容器FlowLayout
3、《自定义控件三部曲视图篇（三）——瀑布流容器WaterFallLayout实现》

讲解了自定义LayoutParams并使用的方法
	
能够了解派生自ViewGroup的控件如何定义与使用的方法
4、《自定义控件三部曲视图篇（四）——RecyclerView系列之一简单使用》

讲解了RecyclerView的基本使用方法，为下篇深入讲解做准备
5、《自定义控件三部曲视图篇（五）——RecyclerView系列之二ItemDecoration》

讲解了ItemDecoration与Item的关系
	
ItemDecoration的用法
	
自定义ItemDecoration与蒙版效果
6、《自定义控件三部曲视图篇（六）——RecyclerView系列之三自定义LayoutManager》

讲解了自定义LayoutManager的方法
	
讲解了如何初始化Item布局，如何实现Item的滚动
7、《自定义控件三部曲视图篇（七）——RecyclerView系列之四实现回收复用》

讲解了RecyclerView的回收复用原理
	
讲解了为自定义LayoutManager添加回收复用的实现方法
8、《自定义控件三部曲视图篇（八）——RecyclerView系统之五回收复用实现方式二》

讲解了另一种实现回收复用的方法
	
实现了针对每个Item布局，同时在布局后更改每个Item的属性的方法
9、《自定义控件三部曲视图篇（九）——RecycerView系列之六实现滚动画廊控件》

实现2D画廊
	
实现fling校正的方法
	
实现3D画廊的方法
 

如果你喜欢我的文章，你可能更喜欢我的公众号



 

 

 

我们都知道在 onCreate() 里面获取控件的高度是 0，这是为什么呢？我们来看一下示例：

首先我们自己写一个控件，这个控件非常简单：

public class MyImageView extends ImageView {

    public MyImageView(Context context, AttributeSet attrs) {
        super(context, attrs);
    }
    public MyImageView(Context context) {
        super(context);
    }
    
    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
        System.out.println("onMeasure 我被调用了"+System.currentTimeMillis());
    }
    
    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        System.out.println("onDraw 我被调用了"+System.currentTimeMillis());
    }

}

布局文件:

<com.test.MyImageView
    android:id="@+id/imageview"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:src="@drawable/test" />

测试的 Activity 的 onCreate()：

@Override
public void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.main);        
    System.out.println("执行完毕.."+System.currentTimeMillis());
}

现在我们现在来看一下结果：



 

说明等 onCreate 方法执行完了，我们定义的控件才会被度量 (measure)，所以我们在 onCreate 方法里面通过 view.getHeight() 获取控件的高度或者宽度肯定是 0，因为它自己还没有被度量，也就是说他自己都不知道自己有多高，而你这时候去获取它的尺寸，肯定是不行的。

 

现在碰到这个问题我们不能不解决，我们可以通过下面三种方式来获取宽高：

//------------------------------------------------方法一
int w = View.MeasureSpec.makeMeasureSpec(0,View.MeasureSpec.UNSPECIFIED);
int h = View.MeasureSpec.makeMeasureSpec(0,View.MeasureSpec.UNSPECIFIED);
imageView.measure(w, h);
int height =imageView.getMeasuredHeight();
int width =imageView.getMeasuredWidth();
textView.append("\n"+height+","+width);


//-----------------------------------------------方法二
ViewTreeObserver vto = imageView.getViewTreeObserver();
vto.addOnPreDrawListener(new ViewTreeObserver.OnPreDrawListener() {
    public boolean onPreDraw() {
        int height = imageView.getMeasuredHeight();
        int width = imageView.getMeasuredWidth();
        textView.append("\n"+height+","+width);
        return true;
    }
});


//-----------------------------------------------方法三   
ViewTreeObserver vto2 = imageView.getViewTreeObserver();  
vto2.addOnGlobalLayoutListener(new OnGlobalLayoutListener() {
    @Override  
    public void onGlobalLayout() {
        imageView.getViewTreeObserver().removeGlobalOnLayoutListener(this);  
        textView.append("\n\n"+imageView.getHeight()+","+imageView.getWidth());
    }  
});  





现在要讨论的是当我们需要时候使用哪个方法呢？

现在把测试的 Activity 改成如下:

@Override
public void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.main);
    final ImageView imageView = (ImageView) findViewById(R.id.imageview);      
    
    //------------------------------------------------方法一
    int w = View.MeasureSpec.makeMeasureSpec(0,View.MeasureSpec.UNSPECIFIED);
    int h = View.MeasureSpec.makeMeasureSpec(0,View.MeasureSpec.UNSPECIFIED);
    imageView.measure(w, h);
    int height =imageView.getMeasuredHeight();
    int width =imageView.getMeasuredWidth();
    textView.append("\n"+height+","+width);
    
    System.out.println("执行完毕.."+System.currentTimeMillis());
}

程序控制台输出的结果：




 

接着来看上面几种方式输出结果，把测试 Activity 改成如下：

@Override
public void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.main);
    final ImageView imageView = (ImageView) findViewById(R.id.imageview);
    //-----------------------------------------------方法二
    ViewTreeObserver vto = imageView.getViewTreeObserver();
    vto.addOnPreDrawListener(new ViewTreeObserver.OnPreDrawListener() {
        public boolean onPreDraw() {
            int height = imageView.getMeasuredHeight();
            int width = imageView.getMeasuredWidth();
            textView.append("\n"+height+","+width);
            return true;
        }
    });
}



控制台输出结果如下：





方法三就不再测试了同方法二。那么方法而和方法三在执行上有什么区别呢？

我们在布局文件中加入一个 TextView 来记录这个控件的宽高。

<ScrollView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content" >

    <TextView
        android:id="@+id/text"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />
</ScrollView>

 

先来测试方法二：

@Override
public void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.main);
    final ImageView imageView = (ImageView) findViewById(R.id.imageview);
    //-----------------------------------------------方法二
    ViewTreeObserver vto = imageView.getViewTreeObserver();
    vto.addOnPreDrawListener(new ViewTreeObserver.OnPreDrawListener() {
        public boolean onPreDraw() {
            int height = imageView.getMeasuredHeight();
            int width = imageView.getMeasuredWidth();
            textView.append("\n"+height+","+width);
            return true;
        }
    });
}

程序控制台输出结果如下：



 



我们再来测试方法三：

@Override
public void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.main);
    final ImageView imageView = (ImageView) findViewById(R.id.imageview);
    //-----------------------------------------------方法三   
    ViewTreeObserver vto2 = imageView.getViewTreeObserver();  
    vto2.addOnGlobalLayoutListener(new OnGlobalLayoutListener() {
        @Override  
        public void onGlobalLayout() {
            imageView.getViewTreeObserver().removeGlobalOnLayoutListener(this);  
            textView.append("\n\n"+imageView.getHeight()+","+imageView.getWidth());
        }  
    });  
}



控制台输出结果如下：





我想这 方法二 和 方法三 之间的区别就不用说了吧。

总结：那么需要获取控件的宽高该用那个方法呢？

方法一：比其他的两个方法多了一次计算,也就是多调用了一次 onMeasure() 方法，该方法虽然看上去简单，但是如果要目标控件计算耗时比较大的话(如ListView等)，不建议使用。

方法二：它的回调方法会调用很多次,并且滑动 TextView 的时候任然会调用,所以不建议使用。

方法三：比较合适。

当然，实际应用的时候需要根据实际情况而定。

一、概述

Android中的有个原生的下拉列表控件Spinner，但是这个控件有时候不符合我们自己的要求，

比如有时候我们需要类似windows 或者web网页中常见的那种下拉列表控件，类似下图这样的：

 

 



 



这个时候只有自己动手写一个了。其实实现起来不算很难，

本文实现的方案是采用TextView +ImageView+PopupWindow的组合方案。

先来看看我们的自己写的控件效果图吧：（源码在文章下面最后给出哈！）



 

二、自定义下拉列表框控件的实现

1. 自定义控件用到的布局文件和资源：

结果框的布局页面：dropdownlist_view.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:orientation="horizontal"
    android:id="@+id/compound"
    android:background="@drawable/dropdown_bg_selector" >
    
    <TextView
        android:id="@+id/text"
        android:layout_width="250dp"
        android:layout_height="40dp"
        android:paddingLeft="10dp"
        android:text="文本文字"
        android:gravity="center_vertical"
        android:textSize="14sp"
        android:padding="5dp"
        android:singleLine="true" />
    <ImageView 
        android:id="@+id/btn"
        android:layout_width="30dp"
        android:layout_height="30dp"
        android:layout_toRightOf="@+id/text"
        android:src="@drawable/dropdown"
        android:padding="5dp"
        android:layout_centerVertical="true"
        android:gravity="center"/>
</RelativeLayout>




 

下拉弹窗列表布局页面：dropdownlist_popupwindow.xml：




<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >
    
    <ListView
        android:id="@+id/listView"
        android:layout_width="280dp"
        android:layout_height="wrap_content"
        android:divider="#666666"
        android:dividerHeight="1dp"
         ></ListView>

</LinearLayout>




selector资源文件：

dropdown_list_selector.xml：


<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_pressed="true" android:drawable="@color/dropdownlist_item_press"/>
    <item android:drawable="@color/dropdownlist_item"/>
</selector>


dropdown_bg_selector.xml：


<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_pressed="true" android:drawable="@color/dropdownlist_press"/>
    <item android:drawable="@color/dropdownlist_bg"/>
</selector>


 




<?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:orientation="horizontal"
    android:id="@+id/compound"
    android:background="@drawable/dropdown_bg_selector" >
    
    <TextView
        android:id="@+id/text"
        android:layout_width="250dp"
        android:layout_height="40dp"
        android:paddingLeft="10dp"
        android:text="文本文字"
        android:gravity="center_vertical"
        android:textSize="14sp"
        android:padding="5dp"
        android:singleLine="true" />
    <ImageView 
        android:id="@+id/btn"
        android:layout_width="30dp"
        android:layout_height="30dp"
        android:layout_toRightOf="@+id/text"
        android:src="@drawable/dropdown"
        android:padding="5dp"
        android:layout_centerVertical="true"
        android:gravity="center"/>
</RelativeLayout>




 

下拉弹窗列表布局页面：dropdownlist_popupwindow.xml：




<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >
    
    <ListView
        android:id="@+id/listView"
        android:layout_width="280dp"
        android:layout_height="wrap_content"
        android:divider="#666666"
        android:dividerHeight="1dp"
         ></ListView>

</LinearLayout>




selector资源文件：

dropdown_list_selector.xml：


<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_pressed="true" android:drawable="@color/dropdownlist_item_press"/>
    <item android:drawable="@color/dropdownlist_item"/>
</selector>


dropdown_bg_selector.xml：


<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_pressed="true" android:drawable="@color/dropdownlist_press"/>
    <item android:drawable="@color/dropdownlist_bg"/>
</selector>


 

 

2. 自定义下拉列表框控件类的实现：

 

我们采用了TextView+ImageView+PopupWindow的组合方案，所以我的自定义控件需要重写ViewGroup，由于我们已经知道了，布局方向为竖直方向，所以这里，

我直接继承LinearLayout来写这个控件。具体实现代码如下：




package com.czm.xcdropdownlistview;

import java.util.ArrayList;


import android.annotation.SuppressLint;
import android.content.Context;
import android.util.AttributeSet;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.ImageView;
import android.widget.LinearLayout;
import android.widget.ListView;
import android.widget.PopupWindow;
import android.widget.TextView;

@SuppressLint("NewApi")
/**
 * 下拉列表框控件
 * @author caizhiming
 *
 */
public class XCDropDownListView extends LinearLayout{

    private TextView editText;
    private ImageView imageView;
    private PopupWindow popupWindow = null;
    private ArrayList<String> dataList =  new ArrayList<String>();
    private View mView;
    public XCDropDownListView(Context context) {
        this(context,null);
        // TODO Auto-generated constructor stub
    }
    public XCDropDownListView(Context context, AttributeSet attrs) {
        this(context, attrs,0);
        // TODO Auto-generated constructor stub
    }
    public XCDropDownListView(Context context, AttributeSet attrs, int defStyle) {
        super(context, attrs, defStyle);
        // TODO Auto-generated constructor stub
        initView();
    }

    public void initView(){
        String infServie = Context.LAYOUT_INFLATER_SERVICE;
        LayoutInflater layoutInflater;
        layoutInflater =  (LayoutInflater) getContext().getSystemService(infServie);
        View view  = layoutInflater.inflate(R.layout.dropdownlist_view, this,true);
        editText= (TextView)findViewById(R.id.text);
        imageView = (ImageView)findViewById(R.id.btn);
        this.setOnClickListener(new OnClickListener() {
            
            @Override
            public void onClick(View v) {
                // TODO Auto-generated method stub
                if(popupWindow == null ){
                    showPopWindow();
                }else{
                    closePopWindow();
                }
            }
        });
    }
    /**
     * 打开下拉列表弹窗
     */
    private void showPopWindow() {  
        // 加载popupWindow的布局文件  
        String infServie = Context.LAYOUT_INFLATER_SERVICE;
        LayoutInflater layoutInflater;
        layoutInflater =  (LayoutInflater) getContext().getSystemService(infServie);
        View contentView  = layoutInflater.inflate(R.layout.dropdownlist_popupwindow, null,false);
        ListView listView = (ListView)contentView.findViewById(R.id.listView);
        
        listView.setAdapter(new XCDropDownListAdapter(getContext(), dataList));
        popupWindow = new PopupWindow(contentView,LayoutParams.WRAP_CONTENT,LayoutParams.WRAP_CONTENT);
        popupWindow.setBackgroundDrawable(getResources().getDrawable(R.color.transparent));
        popupWindow.setOutsideTouchable(true);
        popupWindow.showAsDropDown(this);
    }
    /**
     * 关闭下拉列表弹窗
     */
    private void closePopWindow(){
        popupWindow.dismiss();
        popupWindow = null;
    }
    /**
     * 设置数据
     * @param list
     */
    public void setItemsData(ArrayList<String> list){
        dataList = list;
        editText.setText(list.get(0).toString());
    }
    /**
     * 数据适配器
     * @author caizhiming
     *
     */
    class XCDropDownListAdapter extends BaseAdapter{

        Context mContext;
        ArrayList<String> mData;
        LayoutInflater inflater;
        public XCDropDownListAdapter(Context ctx,ArrayList<String> data){
            mContext  = ctx;
            mData = data;
            inflater = LayoutInflater.from(mContext);
        }
        @Override
        public int getCount() {
            // TODO Auto-generated method stub
            return mData.size();
        }

        @Override
        public Object getItem(int position) {
            // TODO Auto-generated method stub
            return null;
        }

        @Override
        public long getItemId(int position) {
            // TODO Auto-generated method stub
            return position;
        }

        @Override
        public View getView(int position, View convertView, ViewGroup parent) {
            // TODO Auto-generated method stub
            // 自定义视图
            ListItemView listItemView = null;
            if (convertView == null) {
                // 获取list_item布局文件的视图
                convertView = inflater.inflate(R.layout.dropdown_list_item, null);
                
                listItemView = new ListItemView();
                // 获取控件对象
                listItemView.tv = (TextView) convertView
                        .findViewById(R.id.tv);

                listItemView.layout = (LinearLayout) convertView.findViewById(R.id.layout_container);
                // 设置控件集到convertView
                convertView.setTag(listItemView);
            } else {
                listItemView = (ListItemView) convertView.getTag();
            }
            
            // 设置数据
            listItemView.tv.setText(mData.get(position).toString());
            final String text = mData.get(position).toString();
            listItemView.layout.setOnClickListener(new OnClickListener() {
                
                @Override
                public void onClick(View v) {
                    // TODO Auto-generated method stub
                    editText.setText(text);
                    closePopWindow();
                }
            });
            return convertView;
        }
    
    }
    private static class ListItemView{
        TextView tv;
        LinearLayout layout;
    }

}




 

三、如何使用该自定义下拉列表框控件

使用该控件和使用普通的自带的控件一样，首先需要在布局文件中引用该控件：




<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/container"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="com.czm.xcdropdownlistview.MainActivity"
    tools:ignore="MergeRootFrame" >
    
    
    <com.czm.xcdropdownlistview.XCDropDownListView
        android:id="@+id/drop_down_list_view"
        android:layout_marginTop="10dp"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerHorizontal="true" />
    
    </RelativeLayout>




其次，就是在代码中使用该控件：




package com.czm.xcdropdownlistview;

import java.util.ArrayList;

import android.app.Activity;
import android.os.Bundle;
/**
 * 使用下拉列表框控件 示例
 * @author caizhiming
 *
 */
public class MainActivity extends Activity {

    XCDropDownListView dropDownListView;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        dropDownListView = (XCDropDownListView)findViewById(R.id.drop_down_list_view);
        ArrayList<String> list = new ArrayList<String>();
        for(int i = 0;i< 6;i++){
            list.add("下拉列表项"+(i+1));
        }
        dropDownListView.setItemsData(list);

    }

}




对了，这个控件中，我没有实现点击item项回调接口，这个可能对有些写惯了回调的可能觉得少了写什么的感觉，有兴趣的你可以自己添加相关回调操作哈，这个大家应该都会把。

四、源码下载

最后给出源码的下载：

http://download.csdn.net/download/u013068887/10031736

本文参考：

http://www.cnblogs.com/JczmDeveloper/p/4425010.html

 





<?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:orientation="horizontal"
    android:id="@+id/compound"
    android:background="@drawable/dropdown_bg_selector" >
    
    <TextView
        android:id="@+id/text"
        android:layout_width="250dp"
        android:layout_height="40dp"
        android:paddingLeft="10dp"
        android:text="文本文字"
        android:gravity="center_vertical"
        android:textSize="14sp"
        android:padding="5dp"
        android:singleLine="true" />
    <ImageView 
        android:id="@+id/btn"
        android:layout_width="30dp"
        android:layout_height="30dp"
        android:layout_toRightOf="@+id/text"
        android:src="@drawable/dropdown"
        android:padding="5dp"
        android:layout_centerVertical="true"
        android:gravity="center"/>
</RelativeLayout>




下拉弹窗列表布局页面：dropdownlist_popupwindow.xml：




<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >
    
    <ListView
        android:id="@+id/listView"
        android:layout_width="280dp"
        android:layout_height="wrap_content"
        android:divider="#666666"
        android:dividerHeight="1dp"
         ></ListView>

</LinearLayout>




selector资源文件：

dropdown_list_selector.xml：


<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_pressed="true" android:drawable="@color/dropdownlist_item_press"/>
    <item android:drawable="@color/dropdownlist_item"/>
</selector>


dropdown_bg_selector.xml：


<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_pressed="true" android:drawable="@color/dropdownlist_press"/>
    <item android:drawable="@color/dropdownlist_bg"/>
</selector>


 


 

7、GroupBox 控件 

GroupBox控件又称为分组框，它在工具箱中的图标是 。该控件常用于为其他控件提供可识别的分组，其典型的用法之一就是给RadioButton控件分组。可以通过分组框的Text属性为分组框中的控件向用户提供提示信息，如图 9-14 所示。设计时，向GroupBox 控件中添加控件的方法有两种：一是直接在分组框中绘制控件；二是把某一个已存在的控件复制到剪贴板上，然后选中分组框，再执行粘贴操作即可。位于分组框中的所有控件随着分组框的移动而一起移动，随着分组框的删除而全部删除，分组框的Visible属性和Enabled属性也会影响到分组框中的所有控件。分组框的最常用的属性是Text，一般用来给出分组提示。 

 8、RadioButton控件   RadioButton又称单选按钮，其在工具箱中的图标为 ，单选按钮通常成组出现，用于提供 两个或多个互斥选项，即在一组单选钮中只能选择一个，如图9-14所示。   1、常用属性：   （1）Checked属性：用来设置或返回单选按钮是否被选中，选中时值为true，没有选中时值为false。  （2）AutoCheck 属性：如果 AutoCheck 属性被设置为 true（默认），那么当选择该单选按钮时，将自动清除该组中所有其他单选按钮。对一般用户来说，不需改变该属性，采用默认值（true）即可。   （3）Appearance 属性：用来获取或设置单选按钮控件的外观。当其取值为 Appearance.Button 时，将使单选按钮的外观像命令按钮一样：当选定它时，它看似已被按下。当取值为 Appearance.Normal 时，就是默认的单选按钮的外观。  （4）Text属性：用来设置或返回单选按钮控件内显示的文本，该属性也可以包含访问键，即前面带有“&” 符号的字母，这样用户就可以通过同时按Alt键和访问键来选中控件。  2、常用事件：   （1）Click事件：当单击单选按钮时，将把单选按钮的Checked属性值设置为true，同时发生Click事件。   （2）CheckedChanged事件：当Checked属性值更改时，将触发CheckedChanged事件。