Android 實(shí)現(xiàn)IOS 滾輪選擇控件的實(shí)例
最近根據(jù)項(xiàng)目需要，整理了一個(gè)相對比較全面的 WheelView 使用控件，借用之前看到的一句話來說，就是站在巨人肩膀上，進(jìn)行了一些小調(diào)整。
這里先貼上效果圖
一般常用的時(shí)間選擇格式，，單項(xiàng)選擇，以及城市聯(lián)動(dòng)，這里基本都可以滿足了。
這里把 單項(xiàng)選擇，和 日期時(shí)間選擇 給提出到 Util 類中，代碼如下：
public class Util { /** * 時(shí)間選擇回調(diào) */ public interface TimerPickerCallBack { void onTimeSelect(String date); } /** * 彈出時(shí)間選擇 * * @param context * @param type TimerPickerView 中定義的 選擇時(shí)間類型 * @param format 時(shí)間格式化 * @param callBack 時(shí)間選擇回調(diào) */ public static void alertTimerPicker(Context context, TimePickerView.Type type, final String format, final TimerPickerCallBack callBack) { TimePickerView pvTime = new TimePickerView(context, type); //控制時(shí)間范圍 // Calendar calendar = Calendar.getInstance(); // pvTime.setRange(calendar.get(Calendar.YEAR) - 20, calendar.get(Calendar.YEAR)); pvTime.setTime(new Date()); pvTime.setCyclic(false); pvTime.setCancelable(true); //時(shí)間選擇后回調(diào) pvTime.setOnTimeSelectListener(new TimePickerView.OnTimeSelectListener() { @Override public void onTimeSelect(Date date) {// tvTime.setText(getTime(date)); SimpleDateFormat sdf = new SimpleDateFormat(format); callBack.onTimeSelect(sdf.format(date)); } }); pvTime.setTextSize(16); //彈出時(shí)間選擇器 pvTime.show(); } /** * 底部滾輪點(diǎn)擊事件回調(diào) */ public interface OnWheelViewClick { void onClick(View view, int postion); } /** * 彈出底部滾輪選擇 * * @param context * @param list * @param click */ public static void alertBottomWheelOption(Context context, ArrayList<?> list, final OnWheelViewClick click) { final PopupWindow popupWindow = new PopupWindow(); View view = LayoutInflater.from(context).inflate(R.layout.layout_bottom_wheel_option, null); TextView tv_confirm = (TextView) view.findViewById(R.id.btnSubmit); final WheelView wv_option = (WheelView) view.findViewById(R.id.wv_option); wv_option.setAdapter(new ArrayWheelAdapter(list)); wv_option.setCyclic(false); wv_option.setTextSize(16); tv_confirm.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View view) { popupWindow.dismiss(); click.onClick(view, wv_option.getCurrentItem()); } }); view.findViewById(R.id.btnCancel).setOnClickListener(new View.OnClickListener() { @Override public void onClick(View view) { // TODO: 2016/8/11 0011 取消 popupWindow.dismiss(); } }); view.setOnTouchListener(new View.OnTouchListener() { @Override public boolean onTouch(View view, MotionEvent motionEvent) { int top = view.findViewById(R.id.ll_container).getTop(); if (motionEvent.getAction() == MotionEvent.ACTION_UP) { int y = (int) motionEvent.getY(); if (y < top) { popupWindow.dismiss(); } } return true; } }); popupWindow.setContentView(view); popupWindow.setOutsideTouchable(true); popupWindow.setFocusable(true); popupWindow.setBackgroundDrawable(new BitmapDrawable()); popupWindow.setWidth(ViewGroup.LayoutParams.MATCH_PARENT); popupWindow.setHeight(ViewGroup.LayoutParams.MATCH_PARENT); popupWindow.showAtLocation(((ViewGroup) ((Activity) context).findViewById(android.R.id.content)).getChildAt(0), Gravity.CENTER, 0, 0); }}單項(xiàng)選擇
這里是模擬傳入 ArrayList 形式的 String 類型 ：
// 單項(xiàng)選擇 for (int i = 0; i <= 10; i++) { mList.add("模擬數(shù)據(jù)" + i); } tv_single_option.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { Util.alertBottomWheelOption(MainActivity.this, mList, new Util.OnWheelViewClick() { @Override public void onClick(View view, int postion) { Toast.makeText(MainActivity.this, mList.get(postion), Toast.LENGTH_SHORT).show(); } }); } });補(bǔ)充：我們實(shí)際項(xiàng)目中用法可能是傳入一個(gè)實(shí)體對象，那么我們到 WheelView 中找到設(shè)置顯示內(nèi)容的方法：
/** * 根據(jù)傳進(jìn)來的對象反射出getPickerViewText()方法，來獲取需要顯示的值 * @param item * @return */ private String getContentText(Object item) { String contentText = item.toString(); try { Class<?> clz = item.getClass(); Method m = clz.getMethod(GETPICKERVIEWTEXT); contentText = m.invoke(item, new Object[0]).toString(); } catch (NoSuchMethodException e) { } catch (InvocationTargetException e) { } catch (IllegalAccessException e) { } catch (Exception e){ } return contentText; }根據(jù)以上代碼，可以看到如果是一個(gè)實(shí)體對象，那么就是通過對象內(nèi)部定義的一個(gè)方法名為 GETPICKERVIEWTEXT（靜態(tài)常量=”getPickerViewText”）的返回值來作為顯示內(nèi)容，
所以在創(chuàng)建對象的時(shí)候，要注意在對象內(nèi)部添加一個(gè) getPickerViewText（）方法，代碼如下：
public class TypeBean { private int id; private String name; public TypeBean(int id, String name) { this.id = id; this.name = name; } public int getId() { return id; } public void setId(int id) { this.id = id; } public String getName() { return name; } public void setName(String name) { this.name = name; } //這個(gè)用來顯示在PickerView上面的字符串,PickerView會通過反射獲取getPickerViewText方法顯示出來。 public String getPickerViewText() { //這里還可以判斷文字超長截?cái)嘣偬峁╋@示 return name; }}日期選擇
這里是傳入 選擇日期類型，和 回調(diào)時(shí)間格式 就能直接得到想要的結(jié)果，
@Override public void onClick(View v) { String format = ""; TimePickerView.Type type = null; switch (v.getId()) { case R.id.btn_ymdhm: type = TimePickerView.Type.ALL; format = "yyyy-MM-dd HH:mm"; break; case R.id.btn_ymdh: type = TimePickerView.Type.YEAR_MONTH_DAY_HOUR; format = "yyyy-MM-dd HH"; break; case R.id.btn_ymd: type = TimePickerView.Type.YEAR_MONTH_DAY; format = "yyyy-MM-dd"; break; case R.id.btn_mdhm: type = TimePickerView.Type.MONTH_DAY_HOUR_MIN; format = "MM-dd HH:mm"; break; case R.id.btn_hm: type = TimePickerView.Type.HOURS_MINS; format = "HH:mm"; break; case R.id.btn_ym: type = TimePickerView.Type.YEAR_MONTH; format = "yyyy-MM"; break; } Util.alertTimerPicker(this, type, format, new Util.TimerPickerCallBack() { @Override public void onTimeSelect(String date) { Toast.makeText(TestActivity.this, date, Toast.LENGTH_SHORT).show(); } }); }條件選擇
private ArrayList<ProvinceBean> options1Items = new ArrayList<ProvinceBean>();private ArrayList<ArrayList<String>> options2Items = new ArrayList<ArrayList<String>>();private ArrayList<ArrayList<ArrayList<String>>> options3Items = new ArrayList<ArrayList<ArrayList<String>>>();OptionsPickerView pvOptions;private void showOptions(){ //選項(xiàng)選擇器 pvOptions = new OptionsPickerView(this); // 初始化三個(gè)列表數(shù)據(jù) DataModel.initData(options1Items, options2Items, options3Items); //三級聯(lián)動(dòng)效果 pvOptions.setPicker(options1Items, options2Items, options3Items, true); //設(shè)置選擇的三級單位// pwOptions.setLabels("省", "市", "區(qū)"); pvOptions.setTitle("選擇城市"); pvOptions.setCyclic(false, false, false); //設(shè)置默認(rèn)選中的三級項(xiàng)目 //監(jiān)聽確定選擇按鈕 pvOptions.setSelectOptions(1, 1, 1); pvOptions.setTextSize(18); pvOptions.setOnoptionsSelectListener(new OptionsPickerView.OnOptionsSelectListener() { @Override public void onOptionsSelect(int options1, int option2, int options3) { //返回的分別是三個(gè)級別的選中位置 String tx = options1Items.get(options1).getPickerViewText() + options2Items.get(options1).get(option2) + options3Items.get(options1).get(option2).get(options3); tvOptions.setText(tx); vMasker.setVisibility(View.GONE); } }); //點(diǎn)擊彈出選項(xiàng)選擇器 tvOptions.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { pvOptions.show(); } }); }基本使用就這些了，也沒什么技術(shù)含量，只是作為常用工具整理，也希望能給大家?guī)矸奖恪?/p>
感謝一下提供該組件源碼的大神。
感謝閱讀，希望能幫助到大家，謝謝大家對本站的支持！
新聞熱點(diǎn)
疑難解答
圖片精選
