Android自定义控件使用-仿ios来电接听按钮

Android自定义控件使用-仿ios来电接听按钮

开发自定义控件步骤

1.编写继承自View的子类或viewGroup的子类

2.为自定义View类增加属性

3.绘制控件

4.响应用户消息

5.自定义回调函数

自定义控件的一些方法

onFinishInflate() 回调方法，当应用从XML加载该组件并用它构建界面之后调用的方法

onMeasure() 检测View组件及其子组件的大小

onLayout() 当该组件需要分配其子组件的位置、大小时

onSizeChange() 当该组件的大小被改变时

onDraw() 当组件将要绘制它的内容时

onKeyDown 当按下某个键盘时

onKeyUp 当松开某个键盘时

onTrackballEvent 当发生轨迹球事件时

onTouchEvent 当发生触屏事件时

onWindowFocusChanged(boolean) 当该组件得到、失去焦点时

onAtrrachedToWindow() 当把该组件放入到某个窗口时

onDetachedFromWindow() 当把该组件从某个窗口上分离时触发的方法

onWindowVisibilityChanged(int): 当包含该组件的窗口的可见性发生改变时触发的方法

view的结构

Android系统的视图结构的设计也采用了组合模式，即View作为所有图形的基类，Viewgroup对View继承扩展为视图容器类。

自定义控件类

public class CallToggleButton extends View {

private Bitmap backgroundBitmap;// 背景图
private Bitmap slidBtn;// 可以滑动的图片
private int backgroundWidth, slidBtnWidth;
private Paint paint;//画笔
private float slidBtn_left;// 滑动按钮的左边距
private int firstX;// 手机按下的x坐标
private int lastX;// 手机抬起的x坐标
public myOnEventListener listener;

public CallToggleButton(Context context) {
super(context);
initView();
}

public CallToggleButton(Context context, AttributeSet attrs) {
super(context, attrs);
initView();
}

public CallToggleButton(Context context, AttributeSet attrs,
int defStyleAttr) {
super(context, attrs, defStyleAttr);
initView();
}

private void initView() {
BitmapFactory.Options options = new BitmapFactory.Options();
options.inJustDecodeBounds = true;
//获取按钮背景
backgroundBitmap = BitmapFactory.decodeResource(getResources(),
R.drawable.ldx_07_s480);
options.inSampleSize = ScreenTools.calculateInSampleSize(options, 110,
160); // 110,160：转换后的宽和高，具体值会有些出入
options.inJustDecodeBounds = false;
//获取滑动按钮图
slidBtn = BitmapFactory.decodeResource(getResources(),
R.drawable.ldx_03);

paint = new Paint();
//设置抗锯齿
paint.setAntiAlias(true);

backgroundWidth = backgroundBitmap.getWidth();
slidBtnWidth = slidBtn.getWidth();

slidBtn_left = (backgroundWidth / 2) - (slidBtnWidth / 2);
}
/*
* 测量view宽高
*/
@Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
ScreenTools.init(getContext());
// 设置宽高
setMeasuredDimension(backgroundBitmap.getWidth(),
backgroundBitmap.getHeight());
}

/*
* 绘制当前view的内容
*/
@Override
protected void onDraw(Canvas canvas) {
canvas.drawBitmap(backgroundBitmap, 0, 0, paint);
canvas.drawBitmap(slidBtn, slidBtn_left, 0, paint);
}
/*
* 滑动事件
*/
@Override
public boolean onTouchEvent(MotionEvent event) {
switch (event.getAction()) {
case MotionEvent.ACTION_DOWN:
firstX = lastX = (int) event.getX();
break;
case MotionEvent.ACTION_MOVE:
// 计算手指移动的距离
int dis = (int) event.getX();
// 根据手指的位置，改变slidBtn_left的值
slidBtn_left = dis;
break;

case MotionEvent.ACTION_UP:
int maxLeft = backgroundWidth - slidBtnWidth;
if (slidBtn_left >= maxLeft) {
// 滑动到最右调用的方法
listener.RightEvent();
} else if (slidBtn_left < (slidBtnWidth / 2)) {
// 滑动到最左调用的方法``
listener.LeftEvent();
} else {
// 接听按钮回到原点
Log.i("simple", "接听按钮回到原点");
slidBtn_left = (backgroundWidth / 2) - (slidBtnWidth / 2);
}
break;
}
flushView();
return true;
}

/**
* 刷新当前视图
*/
private void flushView() {
int maxLeft = backgroundWidth - slidBtnWidth;
// 确保 slideBtn_left >= 0
slidBtn_left = (slidBtn_left > 0) ? slidBtn_left : 0;

// 确保 slideBtn_left <=maxLeft
slidBtn_left = (slidBtn_left < maxLeft) ? slidBtn_left : maxLeft;

/*
* 刷新当前视图调用invalidate 导致 执行onDraw执行
*/
invalidate();
}
/**view事件方法*/
public void setOnEvent(myOnEventListener listener){
this.listener = listener;
}
/**view接口方法*/
interface myOnEventListener{
abstract void RightEvent();
abstract void LeftEvent();
}

MainActivity类

public class MainActivity extends Activity {

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

CallToggleButton cb = (CallToggleButton)findViewById(R.id.toggleButton);
cb.setOnEvent(new CallToggleButton.myOnEventListener() {
@Override
public void RightEvent() {
Log.i("simple","滑动到最右");
Toast.makeText(MainActivity.this,"滑动到最右",Toast.LENGTH_SHORT).show();
}

@Override
public void LeftEvent() {
Log.i("simple","滑动到最左");
Toast.makeText(MainActivity.this,"滑动到最左",Toast.LENGTH_SHORT).show();
}
});
}
}

布局文件

<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=".MainActivity">

<com.simple.togglebuttondemo.CallToggleButton
android:id="@+id/toggleButton"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentBottom="true"
/>

</RelativeLayout>