随着手指的滑动更新位置
drawText的时候,如何计算开始的位置,使str居中
1.CallSliderEndView.java
package net.mobctrl.callendview;
import android.annotation.SuppressLint;
import android.content.Context;
import android.content.res.TypedArray;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.graphics.Paint.Style;
import android.graphics.RectF;
import android.util.AttributeSet;
import android.view.MotionEvent;
import android.view.View;
/** * @date 2015年2月2日 下午11:02:00 * @author Zheng Haibo * @Description: 滑动挂断的自定义控件 * @Web http://www.mobctrl.net */
@SuppressLint({ "DrawAllocation", "ClickableViewAccessibility" })
public class CallSliderEndView extends View {
public interface SliderEndListener {
public void onSliderEnd();
}
private SliderEndListener sliderEndListener;
public void setSliderEndListener(SliderEndListener sliderEndListener) {
this.sliderEndListener = sliderEndListener;
}
private int height;
private int width;
private int circleOffset = 0;
private int prevX = 0;
private int maxOffset;
private String sliderText;
private float textSize;
private int progressBackgroundColor;
private int backgroundColor;
private int redReginWidth;
public CallSliderEndView(Context context) {
super(context);
init(context, null);
}
public CallSliderEndView(Context context, AttributeSet attrs) {
super(context, attrs);
init(context, attrs);
}
public CallSliderEndView(Context context, AttributeSet attrs,
int defStyleAttr) {
super(context, attrs, defStyleAttr);
init(context, attrs);
}
private void init(Context context, AttributeSet attrs) {
if (null == attrs) {
return;
}
TypedArray typedArray = context.obtainStyledAttributes(attrs,
R.styleable.CallSliderEndView);
textSize = typedArray.getDimensionPixelSize(
R.styleable.CallSliderEndView_textSize, 40);
sliderText = typedArray.getString(R.styleable.CallSliderEndView_text);
progressBackgroundColor = typedArray.getColor(
R.styleable.CallSliderEndView_progressBackgroundColor,
Color.GREEN);
backgroundColor = typedArray.getColor(
R.styleable.CallSliderEndView_backgroundColor, 0x0fffffff);
typedArray.recycle();
}
@Override
protected void onDraw(Canvas canvas) {
super.onDraw(canvas);
// TODO
height = getHeight();
width = getWidth();
// 绘制背景
Paint paint = new Paint();
paint.setStyle(Style.FILL);
paint.setAntiAlias(true);
paint.setColor(backgroundColor);
drawBackground(canvas, paint);
// drawCircleButton(canvas, paint);
drawRoundButton(canvas, paint);
}
// 绘制背景
private void drawBackground(Canvas canvas, Paint paint) {
canvas.drawRoundRect(new RectF(0, 0, width, height), height / 2,
height / 2, paint);
}
// 绘制挂断按钮的View
@Deprecated
private void drawCircleButton(Canvas canvas, Paint paint) {
int circleMargin = height / 10;
paint.setColor(Color.RED);
canvas.drawCircle(height / 2 + circleOffset, height / 2, height / 2
- circleMargin, paint);
}
// 绘制挂断按钮的View
private void drawRoundButton(Canvas canvas, Paint paint) {
redReginWidth = width / 2;
// 绘制进度背景
paint.setColor(progressBackgroundColor);
canvas.drawRoundRect(new RectF(circleOffset, 0, circleOffset
+ redReginWidth, height), height / 2, height / 2, paint);
// 将文本sliderText显示在中间
paint.setTextSize(textSize);
paint.setColor(Color.WHITE);
int yCenterPos = (int) ((canvas.getHeight() / 2) - ((paint.descent() + paint
.ascent()) / 2));// 计算在Y
int startX = circleOffset
+ (redReginWidth - (int) paint.measureText(sliderText, 0,
sliderText.length())) / 2;
canvas.drawText(sliderText, startX, yCenterPos, paint);
}
@Override
public boolean onTouchEvent(MotionEvent event) {
switch (event.getAction()) {
case MotionEvent.ACTION_DOWN:
actionDown(event);
break;
case MotionEvent.ACTION_MOVE:
actionMove(event);
break;
case MotionEvent.ACTION_UP:
actionUp(event);
break;
}
return true;
}
private void actionUp(MotionEvent event) {
if (this.circleOffset != maxOffset) {
this.circleOffset = 0;
}
postInvalidate();
}
private void actionMove(MotionEvent event) {
int tempOffset = (int) (event.getX() - this.prevX);
this.maxOffset = width - redReginWidth;
if (tempOffset >= maxOffset && this.circleOffset == maxOffset) {
return;
}
this.circleOffset = tempOffset;
if (this.circleOffset > maxOffset) {// 是否已经滑动到边缘
this.circleOffset = maxOffset;
if (sliderEndListener != null) {
sliderEndListener.onSliderEnd();
}
}
if (this.circleOffset <= 0) {
this.circleOffset = 0;
}
postInvalidate();
}
private void actionDown(MotionEvent e) {
this.prevX = (int) e.getX();
}
}
2.使用
布局main.xml
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res/net.mobctrl.callendview" android:id="@+id/rl_root" android:layout_width="match_parent" android:layout_height="match_parent" android:background="@android:color/background_dark" android:orientation="horizontal" >
<net.mobctrl.callendview.CallSliderEndView android:id="@+id/csev_slider_view" android:layout_width="match_parent" android:layout_height="60dp" android:layout_centerInParent="true" android:layout_margin="30dp" app:backgroundColor="#ffffff" app:progressBackgroundColor="#ffff1221" app:text="滑动挂断" app:textSize="24sp" />
</RelativeLayout>
MainActivity.java
package net.mobctrl.callendview;
import net.mobctrl.callendview.CallSliderEndView.SliderEndListener;
import android.app.Activity;
import android.os.Bundle;
import android.widget.Toast;
/** * * @author Zheng Haibo * @web http://www.mobctrl.net * */
public class MainActivity extends Activity {
private CallSliderEndView callSliderEndView;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
callSliderEndView = (CallSliderEndView) findViewById(R.id.csev_slider_view);
callSliderEndView.setSliderEndListener(new SliderEndListener() {
@Override
public void onSliderEnd() {
System.out.println("debug:onSliderEnd...");
Toast.makeText(getApplicationContext(), "Slider To End",
Toast.LENGTH_SHORT).show();
}
});
}
}
3.属性attr的配置(/res/value/attr.xml)
<?xml version="1.0" encoding="utf-8"?>
<resources>
<declare-styleable name="CallSliderEndView">
<attr name="backgroundColor" format="color" />
<attr name="progressBackgroundColor" format="color" />
<attr name="textSize" format="dimension" />
<attr name="text" format="string" />
</declare-styleable>
</resources>
4.效果
用户可以使用手指滑动
项目github地址:GitHub
Android开发联盟QQ群:272209595
未经许可,不得用于商业目的