自定义switchButton

这篇博客要讲的是自定义switchButton,不过没有设置动画效果。

我用GradientDrawable来绘制switchButton,我们先看看最终的效果:

点击前:

点击后

 

接下来我们看看如何实现

首先:该类继承RelativeLayout

SwitchButton extends RelativeLayout{
}

 

该类需要用到的成员:

    private ImageView track; //滑块所在的轨道
    private ImageView slider; //switchButton上面的滑块

    private GradientDrawable trackDrawable; //用于绘制轨道
    private GradientDrawable sliderDrawable; //用于绘制滑块

    private LayoutParams trackLy; //轨道的布局
    private LayoutParams sliderLy; //滑块的布局

   private boolean isCkeck = false; //是否点击

 

构造方法:

public SwitchButton(Context context) {
        super(context);
        init();
    }

    public SwitchButton(Context context, AttributeSet attrs) {
        super(context, attrs);
        init();
    }

 

private void init(){
        setClickable(true);
        setLayoutParams(new LayoutParams(ViewGroup.LayoutParams.WRAP_CONTENT, 
ViewGroup.LayoutParams.WRAP_CONTENT)); track
= new ImageView(getContext()); slider = new ImageView(getContext()); trackLy = new LayoutParams(ViewGroup.LayoutParams.WRAP_CONTENT,
ViewGroup.LayoutParams.WRAP_CONTENT); trackLy.addRule(CENTER_VERTICAL); sliderLy
= new LayoutParams(ViewGroup.LayoutParams.WRAP_CONTENT,
ViewGroup.LayoutParams.WRAP_CONTENT); sliderLy.addRule(CENTER_VERTICAL); track.setLayoutParams(trackLy); slider.setLayoutParams(sliderLy); trackDrawable
= new GradientDrawable(); sliderDrawable = new GradientDrawable();
//轨道的形状,颜色,大小,边缘,角度 trackDrawable.setShape(GradientDrawable.RECTANGLE); trackDrawable.setColor(getResources().getColor(R.color.white_FFFFFFFF)); trackDrawable.setSize(getResources()
.getDimensionPixelOffset(R.dimen.track_width), getResources().getDimensionPixelOffset(R.dimen.track_height)); trackDrawable.setStroke(getResources()
.getDimensionPixelOffset(R.dimen.switch_button_stroke), getResources().getColor(R.color.gray)); trackDrawable.setCornerRadius(getResources()
.getDimension(R.dimen.switch_button_cornerRadius));
//设置滑块的形状,颜色,大小,边缘,角度 sliderDrawable.setShape(GradientDrawable.OVAL); sliderDrawable.setColor(getResources().getColor(R.color.white_FFFFFFFF)); sliderDrawable.setSize(getResources()
.getDimensionPixelOffset(R.dimen.slider_size), getResources().getDimensionPixelOffset(R.dimen.slider_size)); sliderDrawable.setStroke(getResources()
.getDimensionPixelOffset(R.dimen.switch_button_stroke), getResources().getColor(R.color.gray)); //设置给imageView track.setImageDrawable(trackDrawable); slider.setImageDrawable(sliderDrawable); addView(track); addView(slider); setOnClickListener(
this); }

 

设置点击事件

@Override
    public void onClick(View view) {
        if (isCkeck)
        {
            isCkeck = false;
        }else {
            isCkeck = true;
        }
        setCheck(isCkeck);
    }
private void setCheck(boolean isCheck){
        if (isCheck){
//轨道变为蓝色 trackDrawable.setColor(getResources().getColor(R.color.blue));
//注意这里进行版本判断。if与else里面代码的效果是相同的,只是有些代码在某些版本下才能够用
if (Build.VERSION.SDK_INT >= 17) { sliderLy.addRule(ALIGN_PARENT_END);
//设置新的布局之前,要先移除之前的布局,否则会有叠加的效果 sliderLy.removeRule(ALIGN_PARENT_START); }
else { sliderLy.addRule(ALIGN_PARENT_RIGHT); sliderLy.addRule(ALIGN_PARENT_LEFT,0); } slider.setLayoutParams(sliderLy); }else { trackDrawable.setColor(getResources().getColor(R.color.white_FFFFFFFF)); if (Build.VERSION.SDK_INT >= 17) { sliderLy.removeRule(ALIGN_PARENT_END); sliderLy.addRule(ALIGN_PARENT_START); } else { sliderLy.addRule(ALIGN_PARENT_RIGHT,0); sliderLy.addRule(ALIGN_PARENT_LEFT); } slider.setLayoutParams(sliderLy); } }

 以上便是所有的代码。

请尊重劳动成果,转载请标明出处:http://www.cnblogs.com/tangZH/p/8277428.html

 

posted @ 2018-01-12 19:37 妖久 阅读(...) 评论(...) 编辑 收藏