Android高仿IOS 滾輪選擇控件
最近根據(jù)項目需要,整理了一個相對比較全面的 WheelView 使用控件,借用之前看到的一句話來說,就是站在巨人肩膀上,進行了一些小調(diào)整。
這里先貼上效果圖

一般常用的時間選擇格式,,單項選擇,以及城市聯(lián)動,這里基本都可以滿足了。
這里把 單項選擇,和 日期時間選擇 給提出到 Util 類中,代碼如下:
public class Util {
/**
* 時間選擇回調(diào)
*/
public interface TimerPickerCallBack {
void onTimeSelect(String date);
}
/**
* 彈出時間選擇
*
* @param context
* @param type TimerPickerView 中定義的 選擇時間類型
* @param format 時間格式化
* @param callBack 時間選擇回調(diào)
*/
public static void alertTimerPicker(Context context, TimePickerView.Type type, final String format, final TimerPickerCallBack callBack) {
TimePickerView pvTime = new TimePickerView(context, type);
//控制時間范圍
// 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);
//時間選擇后回調(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);
//彈出時間選擇器
pvTime.show();
}
/**
* 底部滾輪點擊事件回調(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);
}
}
•單項選擇
這里是模擬傳入 ArrayList 形式的 String 類型 :
// 單項選擇
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();
}
});
}
});
補充:我們實際項目中用法可能是傳入一個實體對象,那么我們到 WheelView 中找到設(shè)置顯示內(nèi)容的方法:
/**
* 根據(jù)傳進來的對象反射出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ù)以上代碼,可以看到如果是一個實體對象,那么就是通過對象內(nèi)部定義的一個方法名為 GETPICKERVIEWTEXT(靜態(tài)常量=”getPickerViewText”)的返回值來作為顯示內(nèi)容,
所以在創(chuàng)建對象的時候,要注意在對象內(nèi)部添加一個 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;
}
//這個用來顯示在PickerView上面的字符串,PickerView會通過反射獲取getPickerViewText方法顯示出來。
public String getPickerViewText() {
//這里還可以判斷文字超長截斷再提供顯示
return name;
}
}
•日期選擇
這里是傳入 選擇日期類型,和 回調(diào)時間格式 就能直接得到想要的結(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(){
//選項選擇器
pvOptions = new OptionsPickerView(this);
// 初始化三個列表數(shù)據(jù)
DataModel.initData(options1Items, options2Items, options3Items);
//三級聯(lián)動效果
pvOptions.setPicker(options1Items, options2Items, options3Items, true);
//設(shè)置選擇的三級單位
// pwOptions.setLabels("省", "市", "區(qū)");
pvOptions.setTitle("選擇城市");
pvOptions.setCyclic(false, false, false);
//設(shè)置默認選中的三級項目
//監(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) {
//返回的分別是三個級別的選中位置
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);
}
});
//點擊彈出選項選擇器
tvOptions.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
pvOptions.show();
}
});
}
基本使用就這些了,也沒什么技術(shù)含量,只是作為常用工具整理,也希望能給大家?guī)矸奖恪?br />
點擊下載:源碼
以上就是本文的全部內(nèi)容,希望對大家的學習有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
Android WebView 內(nèi)處理302重定向不跳轉(zhuǎn)的解決
這篇文章主要介紹了Android WebView 內(nèi)處理302重定向不跳轉(zhuǎn)的解決,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2020-03-03
Flutter的鍵值存儲數(shù)據(jù)庫使用示例詳解
這篇文章主要為大家介紹了Flutter的鍵值存儲數(shù)據(jù)庫使用示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2022-08-08
Android ScrollView實現(xiàn)向上滑動控件頂部懸浮效果
擁抱kotlin之如何習慣使用kotlin高階函數(shù)
Android基于OpenCV實現(xiàn)QR二維碼檢測

