Android高仿IOS 滾輪選擇控件
更新時間：2016年08月29日 14:10:32 作者：lv_fq
這篇文章主要為大家詳細介紹了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è)置默認(rèn)選中的三級項目
//監(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)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
您可能感興趣的文章:
相關(guān)文章
本文主要介紹Android 手勢操作，這里整理了手勢操作的詳細資料和介紹相應(yīng)方法，有需要的小伙伴可以參考下2016-08-08
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
這篇文章主要為大家詳細介紹了RecyclerView實現(xiàn)橫向滾動效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-01-01
這篇文章主要介紹了Android編程設(shè)置全屏的方法,結(jié)合實例形式較為詳細的分析了Android設(shè)置全屏的兩種常見技巧,非常簡單實用,需要的朋友可以參考下
2015-11-11 
Android ScrollView實現(xiàn)向上滑動控件頂部懸浮效果
這篇文章主要為大家詳細介紹了Android ScrollView實現(xiàn)向上滑動控件頂部懸浮效果，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2018-05-05 
這篇文章主要介紹了Android事件分發(fā)機制全面解析，幫助大家更好的理解和學(xué)習(xí)使用Android開發(fā)，感興趣的朋友可以了解下
2021-03-03 
擁抱kotlin之如何習(xí)慣使用kotlin高階函數(shù)
這篇文章主要給大家介紹了關(guān)于擁抱kotlin之如何習(xí)慣使用kotlin高階函數(shù)的相關(guān)資料，文中通過示例代碼介紹的非常詳細，對大家學(xué)習(xí)或者使用kotlin具有一定的參考學(xué)習(xí)價值，需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧
2019-12-12 
Android基于OpenCV實現(xiàn)QR二維碼檢測
QR碼比普通一維條碼具有快速讀取和更大的存儲資料容量，也無需要像一維條碼般在掃描時需要直線對準(zhǔn)掃描儀。因此其應(yīng)用范圍已經(jīng)擴展到包括產(chǎn)品跟蹤，物品識別，文檔管理，庫存營銷等方面。本文講解Android基于OpenCV實現(xiàn)QR二維碼檢測的步驟
2021-06-06