自定义控件的步骤:
1、自定义MyView继承自View
2、重写onMeasure()方法,指定控件大小。
3、重写onLayout()设置view位置。
3、重写onDraw()方法,绘制控件内容。
4、重写onTouchEvent方法,对touch事件进行解析。
运行效果图片:
1、在activity的布局中引用控件:
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:paddingBottom="@dimen/activity_vertical_margin"
android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
tools:context="com.example.mytoogle.MainActivity" >
<com.example.mytoogle.ToogleButton
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerHorizontal="true"
android:layout_centerVertical="true" >
</com.example.mytoogle.ToogleButton>
</RelativeLayout>
控件代码:
public class ToogleButton extends View implements OnClickListener {
private Paint paint;// 背景图片;
private Bitmap bitmap_bg;
private Bitmap bitmap_toogle;// 开关图片;
private float slideBtnLeft;// 开关左边的距离;
private float slide_max;// 开关移动的最大距离;
private boolean is_open;// 开关状态;
private boolean is_drag;// 拖动状态;
private int lastX;
private int downX;
// 必须重写两个参数的构造方法
public ToogleButton(Context context, AttributeSet attrs) {
super(context, attrs);
// TODO Auto-generated constructor stub
initView();
}
// 根据点击事件判读拖动距离;
@Override
public boolean onTouchEvent(MotionEvent event) {
// TODO Auto-generated method stub
super.onTouchEvent(event);
switch (event.getAction()) {
case MotionEvent.ACTION_DOWN:
// 得到点下的坐标;
lastX = downX = (int) event.getRawX();
is_drag = false;
break;
case MotionEvent.ACTION_MOVE:
int moveX = (int) event.getRawX();
int disX = moveX - lastX;
// 得到拖动的大小,添加给view,并刷新状态;
slideBtnLeft = slideBtnLeft + disX;
// 把拖动后的重新给listX;
lastX = moveX;
flushView();
// 如果左右移动的距离超过10像素,则认定发生拖动事件。
if (Math.abs(downX - moveX) > 10) {
is_drag = true;
}
break;
case MotionEvent.ACTION_UP:
if (is_drag) {
// 得到slideBtnLeft的大小,与拖动最大值一半比较,设置开关的状态;
if (slideBtnLeft < slide_max / 2) {
is_open = false;
} else {
is_open = true;
}
flushState();
}
break;
}
return true;
}
@SuppressLint("NewApi")
@Override
public void onClick(View v) {
// 判断是否拖动,如果拖动则让点击失效;
if (is_drag == true) {
return;
}
is_open = !is_open;
flushState();
}
private void flushState() {
// TODO Auto-generated method stub
if (is_open) {
slideBtnLeft = slide_max;
System.out.println("开");
} else {
slideBtnLeft = 0;
System.out.println("关");
}
flushView();
}
private void flushView() {
if (slideBtnLeft < 0) {
slideBtnLeft = 0;
} else if (slideBtnLeft > slide_max) {
slideBtnLeft = slide_max;
}
invalidate();
}
private void initView() {
// 通过BitmpaFactory得到drawable下的两张图片;
bitmap_bg = BitmapFactory.decodeResource(getResources(),
R.drawable.switch_background);
bitmap_toogle = BitmapFactory.decodeResource(getResources(),
R.drawable.slide_button);
paint = new Paint();
// 计算开关拖动的最大距离;
slide_max = bitmap_bg.getWidth() - bitmap_toogle.getWidth();
// 设置该view的点击事件;
this.setOnClickListener(this);
}
/**
* 通过onMeasure方法设置view的width和height; 获得测量的宽度 getMeasuredWidth() 获得测量的高度
* getMinimumHeight() getWidth()获得真实的宽度;; 获得真实的高度 getHeight()
* 一般情况下测量和真实的相同,但是如果指定的宽和高大于父view的,则把父view的最大值设置给view;
*/
@Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
// TODO Auto-generated method stub
super.onMeasure(widthMeasureSpec, heightMeasureSpec);
setMeasuredDimension(bitmap_bg.getWidth(), bitmap_bg.getHeight());
}
/**
* 绘制到view上的内容;绘制 后通过invalidate()刷新当前状态;
*/
@Override
protected void onDraw(Canvas canvas) {
// TODO Auto-generated method stub
paint.setColor(Color.RED);
canvas.drawBitmap(bitmap_bg, 0, 0, paint);
canvas.drawBitmap(bitmap_toogle, slideBtnLeft, 0, paint);
// 刷新状态;
flushView();
}
// 位于父类中的位置;
@Override
protected void onLayout(boolean changed, int left, int top, int right,
int bottom) {
// TODO Auto-generated method stub
super.onLayout(changed, left, top, right, bottom);
}
}
代码下载地址:http://download.youkuaiyun.com/detail/androidxiaogang/9365791
1575

被折叠的 条评论
为什么被折叠?



