【关键词】
自定义View 数字
【问题】
- 给定最大值和最小值，点击“向上”按钮增加数字，点击“向下”按钮减少数字，超过最大值或最小值循环显示；
- 长按按钮，开始自增或自减；
- 非长按状态下拖动一定距离开始自增或自减；
- 可以获取当前值；
【效果图】
【解决方案】
- 见下面源代码；
【代码】
用法
xml
<com.lyloou.android.view.NumViewandroid:id="@+id/nv"android:layout_width="wrap_content"android:layout_height="wrap_content" />
activity
// 初始化NumView nv = (NumView) findViewById(R.id.nv);nv.init(0, 30, 0, true); // init(int minNum, int maxNum, int defaultNum, boolean cycleable);// 获取当前值nv.getNum();// 设置值nv.setNum(15);
源码
import java.text.DecimalFormat;import android.annotation.SuppressLint;import android.content.Context;import android.os.Handler;import android.util.AttributeSet;import android.view.MotionEvent;import android.view.View;import android.widget.ImageView;import android.widget.LinearLayout;import android.widget.TextView;import com.lyloou.android.R;/*** @author Lyloou* use it?* [xml]<com.lyloou.android.view.NumViewandroid:id="@+id/nv"android:layout_width="wrap_content"android:layout_height="wrap_content" />** [activity]NumView nv = (NumView) findViewById(R.id.nv);nv.init(0, 30, 0, true);**/public class NumView extends LinearLayout {private ImageView mIvAdd;private ImageView mIvReduce;private TextView mTvNum;// 不要设置成静态的，每一个NumView，都应该有一个最大值和最小值；private int mMaxNum;private int mMinNum;// 是否循环private boolean mCycleable;public NumView(Context context, AttributeSet attrs, int defStyle) {super(context, attrs, defStyle);initView(context);}public NumView(Context context, AttributeSet attrs) {this(context, attrs, 0);}public NumView(Context context) {super(context, null);}public int getMaxNum() {return mMaxNum;}public void setMaxNum(int maxNum) {mMaxNum = maxNum;}public int getMinNum() {return mMinNum;}public void setMinNum(int minNum) {mMinNum = minNum;}public boolean isCycleable() {return mCycleable;}public void setCycleable(boolean cycleable) {mCycleable = cycleable;}private void initData() {// initialinit(0, 0, 0, false);}/**** @param minNum the min number in the field;* @param maxNum the max number in the field;* @param defaultNum the default number to show;* @param cycleable is or not cycle;*/public void init(int minNum, int maxNum, int defaultNum, boolean cycleable) {setMinNum(minNum);setMaxNum(maxNum);setCycleable(cycleable);setNum(defaultNum);}private void initView(Context context) {initData();View view = View.inflate(context, R.layout.view_num, this);mIvAdd = (ImageView) view.findViewById(R.id.iv_num_add);mIvReduce = (ImageView) view.findViewById(R.id.iv_num_reduce);mTvNum = (TextView) view.findViewById(R.id.tv_num);mIvAdd.setOnClickListener(listener);mIvReduce.setOnClickListener(listener);autoChangeWithLongClick(mIvAdd, mIvReduce);}private void autoChangeWithLongClick(ImageView... ivs) {for (ImageView iv : ivs) {iv.setOnLongClickListener(mLongClickListener);iv.setOnTouchListener(mTouchListener);}}// 自动变化的 Task；private Handler mHandler = new Handler();private static final int DELAY_TIME = 160;private int mUnit = 1;private Runnable mTask = new Runnable() {@Overridepublic void run() {setNum(getNum() + mUnit);mHandler.postDelayed(mTask, DELAY_TIME);}};// 长按开启自动变化；private boolean mLongClicked;OnLongClickListener mLongClickListener = new OnLongClickListener() {@Overridepublic boolean onLongClick(View v) {mLongClicked = true;mHandler.postDelayed(mTask, DELAY_TIME);return mLongClicked;}};// 实现：非长按状态下拖动一定距离开启自动变化；private float mYLast;private boolean mChanging;public boolean dispatchTouchEvent(MotionEvent ev) {float y = ev.getY();switch(ev.getAction()){case MotionEvent.ACTION_DOWN:mYLast = y;break;case MotionEvent.ACTION_UP:mChanging = false;break;case MotionEvent.ACTION_MOVE:float delta = Math.abs(y - mYLast);if(delta > 100 && !mChanging && !mLongClicked){mHandler.postDelayed(mTask, DELAY_TIME);mChanging = true;return true;}break;}return super.dispatchTouchEvent(ev);};@SuppressLint("ClickableViewAccessibility")OnTouchListener mTouchListener = new OnTouchListener() {@Overridepublic boolean onTouch(View v, MotionEvent event) {switch (event.getAction()) {case MotionEvent.ACTION_DOWN:v.setAlpha(0.2f);v.setBackgroundColor(0x88ffffff);if (v.getId() == R.id.iv_num_reduce) {mUnit = -1 * Math.abs(mUnit);} else if (v.getId() == R.id.iv_num_add) {mUnit = Math.abs(mUnit);}break;case MotionEvent.ACTION_UP:// alpha animationv.setBackgroundResource(0);v.animate().alpha(1f).setDuration(200).start();// recovermLongClicked = false;mHandler.removeCallbacks(mTask);break;}return false;}};private OnClickListener listener = new OnClickListener() {@Overridepublic void onClick(View v) {int num = getNum();switch(v.getId()){case R.id.iv_num_add:num = num+1;break;case R.id.iv_num_reduce:num = num-1;break;}setNum(num);}};public void setNum(int num){// default pattern:00setNum(num, "00");}public void setNum(int num, String pattern){if(num > mMaxNum){if(mCycleable){num = mMinNum;} else {num = num -1;}}if(num < mMinNum){if(mCycleable){num = mMaxNum;} else {num = num+1;}}String str = getFormatNumWithPattern(num, pattern);if(mTvNum != null && str!=null){mTvNum.setText(str);}}public int getNum(){return Integer.valueOf(mTvNum.getText().toString());}public static String getFormatNumWithPattern(Object object, String pattern){DecimalFormat df = new DecimalFormat(pattern);return df.format(object);}}
[R.layout.view_num]
<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"android:layout_width="match_parent"android:layout_height="match_parent"android:layout_margin="8dp"android:background="@android:color/holo_red_light"android:gravity="center"android:orientation="vertical" ><ImageViewandroid:id="@+id/iv_num_add"android:layout_width="match_parent"android:layout_height="48dp"android:contentDescription="@string/app_name"android:padding="12dp"android:src="@drawable/num_top" /><TextViewandroid:id="@+id/tv_num"android:layout_width="match_parent"android:layout_height="wrap_content"android:gravity="center"android:text="00"android:textColor="#000"android:textSize="24sp"android:textStyle="bold" /><ImageViewandroid:id="@+id/iv_num_reduce"android:layout_width="match_parent"android:layout_height="48dp"android:contentDescription="@string/app_name"android:padding="12dp"android:rotation="180"android:src="@drawable/num_top" /></LinearLayout>
[num_top.png]
图片--> 
2360
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
