【Android开发：自定义控件系列一】仿android4.0 Spinner下拉效果

 

    1.自定义控件需求

    自从android4.0发布后，android的桌面效果进一步得到增强以及美化，增加了动画特效，可是这仅仅用于android4.0以上的版本，
对于很多停留在android2.3或者更低的版本时，很多只有感叹。
    为了获得更好的用户体验，很多软件产品在设计时，已经考虑到在android4.0以下版本加入android4.0以上版本的特效，那么
自定义控件来达到效果。

    2.效果展示

 

 3.技术点

   1.自定义控件spinner包含Button和PopupWindow控件；

   2.当点击Button时，展示PopupWindow控件；

   3.点击PopupWindow的布局控件时，隐藏，并设置Button；

 

4.代码展示

  1.主界面

 

public class MainActivity extends Activity {

    private SpinnerButton mSpinnerBtn;

    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);

        this.mSpinnerBtn = (SpinnerButton) this
                .findViewById(R.id.spinner_btn);
        
        // 设置下拉布局资源文件,布局创建监听器，以便实例化控件对象
        mSpinnerBtn.setResIdAndViewCreatedListener(R.layout.spinner_dropdown_items,
                new SpinnerButton.ViewCreatedListener(){
                    @Override
                    public void onViewCreated(View v) {
                
                        // TODO Auto-generated method stub
                        v.findViewById(R.id.textView1).setOnClickListener(new View.OnClickListener() {
                            @Override
                            public void onClick(View v) {
                                // TODO Auto-generated method stub
                                handleClick(((TextView)v).getText().toString());
                            }
                        });
                        v.findViewById(R.id.textView2).setOnClickListener(new View.OnClickListener() {
                            @Override
                            public void onClick(View v) {
                                // TODO Auto-generated method stub
                                handleClick(((TextView)v).getText().toString());
                            }
                        });
                        v.findViewById(R.id.textView3).setOnClickListener(new View.OnClickListener() {
                            @Override
                            public void onClick(View v) {
                                // TODO Auto-generated method stub
                                handleClick(((TextView)v).getText().toString());
                            }
                        });
                        v.findViewById(R.id.textView4).setOnClickListener(new View.OnClickListener() {
                            @Override
                            public void onClick(View v) {
                                // TODO Auto-generated method stub
                                handleClick(((TextView)v).getText().toString());
                            }
                        });
                    }
            
        });
    }
    
    private void handleClick(String text){
        mSpinnerBtn.dismiss();
        mSpinnerBtn.setText(text);
    }
}

 

  2.自定义控件Spinner

 

    

/**
 * @ClassName SpinnerButton
 * @Description TODO 防android4.0 Spinner下拉效果
 * @author kenny
 * @date 2012-8-14
 */
public class SpinnerButton extends Button {
    
    private Context mContext;
    /** 下拉PopupWindow */
    private UMSpinnerDropDownItems mPopupWindow;
    /** 下拉布局文件ResourceId */
    private int mResId;
    /** 下拉布局文件创建监听器 */
    private ViewCreatedListener mViewCreatedListener;

    public SpinnerButton(Context context, AttributeSet attrs, int defStyle) {
        super(context, attrs, defStyle);
        initButton(context);
    }

    public SpinnerButton(Context context, AttributeSet attrs) {
        super(context, attrs);
        initButton(context);
    }
    public SpinnerButton(Context context, final int resourceId,
            ViewCreatedListener mViewCreatedListener) {
        super(context);
        setResIdAndViewCreatedListener(resourceId, mViewCreatedListener);
        initButton(context);
    }

    private void initButton(Context context) {
        this.mContext = context;
        // UMSpinnerButton监听事件
        setOnClickListener(new UMSpinnerButtonOnClickListener());
    }

    public PopupWindow getPopupWindow() {
        return mPopupWindow;
    }

    public void setPopupWindow(UMSpinnerDropDownItems mPopupWindow) {
        this.mPopupWindow = mPopupWindow;
    }

    public int getResId() {
        return mResId;
    }
    /**
     * @Description: TODO   隐藏下拉布局
     */
    public void dismiss(){
        mPopupWindow.dismiss();
    }
    /**
     * @Description: TODO  设置下拉布局文件,及布局文件创建监听器
     * @param @param mResId 下拉布局文件ID
     * @param @param mViewCreatedListener  布局文件创建监听器
     */
    public void setResIdAndViewCreatedListener(int mResId, ViewCreatedListener mViewCreatedListener) {
        this.mViewCreatedListener = mViewCreatedListener;
        // 下拉布局文件id
        this.mResId = mResId;
        // 初始化PopupWindow
        mPopupWindow = new UMSpinnerDropDownItems(mContext);
    }

    /**
     * UMSpinnerButton的点击事件
     */
    class UMSpinnerButtonOnClickListener implements View.OnClickListener {

        @Override
        public void onClick(View v) {
            if (mPopupWindow != null) {
                if (!mPopupWindow.isShowing()) {
                    // 设置PopupWindow弹出,退出样式
                    mPopupWindow.setAnimationStyle(R.style.Animation_dropdown);
                    // 计算popupWindow下拉x轴的位置
                    int lx = (SpinnerButton.this.getWidth()
                            - mPopupWindow.getmViewWidth() - 7) / 2;
                    // showPopupWindow
                    mPopupWindow.showAsDropDown(SpinnerButton.this, lx, -5);
                }
            }
        }
    }

    /**
     * @ClassName UMSpinnerDropDownItems
     * @Description TODO 下拉界面
     * @author kenny
     * @date 2012-8-14
     */
    public class UMSpinnerDropDownItems extends PopupWindow {

        private Context mContext;
        /** 下拉视图的宽度 */
        private int mViewWidth;
        /** 下拉视图的高度 */
        private int mViewHeight;

        public UMSpinnerDropDownItems(Context context) {
            super(context);
            this.mContext = context;
            loadViews();
        }

        /**
         * @Description: TODO 加载布局文件
         * @param
         * @return void
         * @throws
         */
        private void loadViews() {
            // 布局加载器加载布局文件
            LayoutInflater inflater = LayoutInflater.from(mContext);
            final View v = inflater.inflate(mResId, null);
            // 计算view宽高
            onMeasured(v);

            // 必须设置
            setWidth(LayoutParams.WRAP_CONTENT);
            setHeight(LayoutParams.WRAP_CONTENT);
            setContentView(v);
            setFocusable(true);
            
            // 设置布局创建监听器，以便在实例化布局控件对象
            if (mViewCreatedListener != null) {
                mViewCreatedListener.onViewCreated(v);
            }
        }

        /**
         * @Description: TODO 计算View长宽
         * @param @param v
         */
        private void onMeasured(View v) {
            int w = View.MeasureSpec.makeMeasureSpec(0,
                    View.MeasureSpec.UNSPECIFIED);
            int h = View.MeasureSpec.makeMeasureSpec(0,
                    View.MeasureSpec.UNSPECIFIED);
            v.measure(w, h);
            mViewWidth = v.getMeasuredWidth();
            mViewHeight = v.getMeasuredHeight();
        }

        public int getmViewWidth() {
            return mViewWidth;
        }

        public void setmViewWidth(int mViewWidth) {
            this.mViewWidth = mViewWidth;
        }

        public int getmViewHeight() {
            return mViewHeight;
        }

        public void setmViewHeight(int mViewHeight) {
            this.mViewHeight = mViewHeight;
        }

    }
    /**
     * @ClassName ViewCreatedListener  
     * @Description TODO  布局创建监听器，实例化布局控件对象
     * @author kenny  
     * @date 2012-8-15
     */
    public interface ViewCreatedListener {
        void onViewCreated(View v);
    }
}

 

注意：在public UMSpinnerDropDownItems(Context context)构造函数里，不能继承super(context);否则会出现下拉框黑边的情况；

 

由于时间关系，其他代码就不一一贴出来了，要的话直接去下载工程 源代码下载

 

转载请注明出处：http://www.cnblogs.com/hpboy