Android高仿IOS 滾輪選擇控件
更新時(shí)間：2016年08月29日 14:10:32 作者：lv_fq
這篇文章主要為大家詳細(xì)介紹了Android 高仿IOS滾輪選擇控件，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
最近根據(jù)項(xiàng)目需要，整理了一個(gè)相對(duì)比較全面的 WheelView 使用控件，借用之前看到的一句話來(lái)說(shuō)，就是站在巨人肩膀上，進(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í)體對(duì)象，那么我們到 WheelView 中找到設(shè)置顯示內(nèi)容的方法：
/**
* 根據(jù)傳進(jìn)來(lái)的對(duì)象反射出getPickerViewText()方法，來(lái)獲取需要顯示的值
* @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í)體對(duì)象，那么就是通過(guò)對(duì)象內(nèi)部定義的一個(gè)方法名為 GETPICKERVIEWTEXT（靜態(tài)常量=”getPickerViewText”）的返回值來(lái)作為顯示內(nèi)容，
所以在創(chuàng)建對(duì)象的時(shí)候，要注意在對(duì)象內(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è)用來(lái)顯示在PickerView上面的字符串,PickerView會(huì)通過(guò)反射獲取getPickerViewText方法顯示出來(lái)。
public String getPickerViewText() {
//這里還可以判斷文字超長(zhǎng)截?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);
//三級(jí)聯(lián)動(dòng)效果
pvOptions.setPicker(options1Items, options2Items, options3Items, true);
//設(shè)置選擇的三級(jí)單位
// pwOptions.setLabels("省", "市", "區(qū)");
pvOptions.setTitle("選擇城市");
pvOptions.setCyclic(false, false, false);
//設(shè)置默認(rèn)選中的三級(jí)項(xiàng)目
//監(jiān)聽(tīng)確定選擇按鈕
pvOptions.setSelectOptions(1, 1, 1);
pvOptions.setTextSize(18);
pvOptions.setOnoptionsSelectListener(new OptionsPickerView.OnOptionsSelectListener() {
@Override
public void onOptionsSelect(int options1, int option2, int options3) {
//返回的分別是三個(gè)級(jí)別的選中位置
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();
}
});
}
基本使用就這些了，也沒(méi)什么技術(shù)含量，只是作為常用工具整理，也希望能給大家?guī)?lái)方便。
點(diǎn)擊下載：源碼
以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
您可能感興趣的文章:
- Android仿Boss直聘文本日期混合滾輪選擇器示例
- Android 實(shí)現(xiàn)IOS 滾輪選擇控件的實(shí)例（源碼下載）
- Android滾輪選擇時(shí)間控件使用詳解
- 輕松實(shí)現(xiàn)可擴(kuò)展自定義的Android滾輪時(shí)間選擇控件
- Android實(shí)現(xiàn)底部圖片選擇Dialog
- Android 實(shí)現(xiàn)IOS選擇拍照相冊(cè)底部彈出的實(shí)例
- Android 仿京東商城底部布局的選擇效果(Selector 選擇器的實(shí)現(xiàn))
- Android開(kāi)發(fā)中實(shí)現(xiàn)IOS風(fēng)格底部選擇器（支持時(shí)間 日期 自定義）
- Android實(shí)現(xiàn)底部滾輪式選擇彈跳框
相關(guān)文章
本文主要介紹Android 手勢(shì)操作，這里整理了手勢(shì)操作的詳細(xì)資料和介紹相應(yīng)方法，有需要的小伙伴可以參考下2016-08-08
Android WebView 內(nèi)處理302重定向不跳轉(zhuǎn)的解決
這篇文章主要介紹了Android WebView 內(nèi)處理302重定向不跳轉(zhuǎn)的解決，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2020-03-03
Flutter的鍵值存儲(chǔ)數(shù)據(jù)庫(kù)使用示例詳解
這篇文章主要為大家介紹了Flutter的鍵值存儲(chǔ)數(shù)據(jù)庫(kù)使用示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-08-08
RecyclerView實(shí)現(xiàn)橫向滾動(dòng)效果
這篇文章主要為大家詳細(xì)介紹了RecyclerView實(shí)現(xiàn)橫向滾動(dòng)效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-01-01
android判斷一個(gè)Activity是否處于棧頂?shù)膶?shí)例
下面小編就為大家分享一篇android判斷一個(gè)Activity是否處于棧頂?shù)膶?shí)例，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-03-03
Android編程設(shè)置全屏的方法實(shí)例詳解
這篇文章主要介紹了Android編程設(shè)置全屏的方法,結(jié)合實(shí)例形式較為詳細(xì)的分析了Android設(shè)置全屏的兩種常見(jiàn)技巧,非常簡(jiǎn)單實(shí)用,需要的朋友可以參考下2015-11-11
Android ScrollView實(shí)現(xiàn)向上滑動(dòng)控件頂部懸浮效果
這篇文章主要為大家詳細(xì)介紹了Android ScrollView實(shí)現(xiàn)向上滑動(dòng)控件頂部懸浮效果，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2018-05-05
這篇文章主要介紹了Android事件分發(fā)機(jī)制全面解析，幫助大家更好的理解和學(xué)習(xí)使用Android開(kāi)發(fā)，感興趣的朋友可以了解下2021-03-03
擁抱kotlin之如何習(xí)慣使用kotlin高階函數(shù)
這篇文章主要給大家介紹了關(guān)于擁抱kotlin之如何習(xí)慣使用kotlin高階函數(shù)的相關(guān)資料，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家學(xué)習(xí)或者使用kotlin具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-12-12
Android基于OpenCV實(shí)現(xiàn)QR二維碼檢測(cè)
QR碼比普通一維條碼具有快速讀取和更大的存儲(chǔ)資料容量，也無(wú)需要像一維條碼般在掃描時(shí)需要直線對(duì)準(zhǔn)掃描儀。因此其應(yīng)用范圍已經(jīng)擴(kuò)展到包括產(chǎn)品跟蹤，物品識(shí)別，文檔管理，庫(kù)存營(yíng)銷等方面。本文講解Android基于OpenCV實(shí)現(xiàn)QR二維碼檢測(cè)的步驟2021-06-06