这篇博客要讲的是自定义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); } } 以上便是所有的代码。
请尊重劳动成果，转载请标明出处：