Android自定义垂直滚动自动选择日期控件
------------------本博客如未明正声明转载,皆为原创,转载请注明出处!------------------
项目中需要一个日期选择控件,该日期选择控件是垂直滚动,停止滚动时需要校正日期数字位置,自动选择离中心位置最近的数字。效果如下:
利用继承LinearLayout实现,模仿Android带数据的控件的一般做法,加入适配器接口,选择事件监听接口,另外简单实现了子View的缓存,对应这样简单应用的情况下,应该是可以的,本人只用过TextView来做子控件,其他适配尚未测试,不知道效果如何。可能有其他的应用场景,分享给各位,可以修改或应用于你自己的项目。
下面贴代码,有点长O(∩_∩)O~:
/**
* 内容垂直滚动的一个控件,内容子项项垂直滚动后,将自动把当前离中心最近的项回滚至中心位置。
* 可根据{@link #getSelectedItem()} 获取当前选择的项,另外可添加选中事件监听器
* {@link #setOnItemSelectedListener(OnItemSelectedListener)}
*
* This component may contains several sub items, and the items is able to
* scroll up and down, by once released the scroll bar, the closest item will
* roll back to the center of component. use {@link #getSelectedItem()} to
* get the current selected item, and you can always use
* {@link #setOnItemSelectedListener(OnItemSelectedListener)} to do something
* after the item is selected.
*
* @date 2013/09/26
* @author Wison
*
*/
public class VerticalScrollAutoSelector extends LinearLayout { private ScrollView mContentScrollView;
private OnItemSelectedListener mOnItemSelectedListener; private AutoSelectorAdapter mAdapter;
private LinearLayout mItemsContainer;
private ViewGroup.LayoutParams mItemLayoutParams;
private TextView mStartBlankView;
private TextView mEndBlankView;
private List<View> mCachedSubViewList = new ArrayList<View>(); private int[] mItemViewsScrollYArr;
private Point mTouchedPoint = new Point();
private ScrollPointChecker mScrollPointChecker;
private int mSelectedPosition = -1; public VerticalScrollAutoSelector(Context context) {
this(context, null);
} @SuppressWarnings("deprecation")
public VerticalScrollAutoSelector(Context context, AttributeSet attrs) {
super(context, attrs); mContentScrollView = new ScrollView(getContext());
LinearLayout.LayoutParams linearLP = new LinearLayout.LayoutParams(LinearLayout.LayoutParams.FILL_PARENT, LinearLayout.LayoutParams.WRAP_CONTENT);
mContentScrollView.setLayoutParams(linearLP);
mContentScrollView.setVerticalScrollBarEnabled(false);
addView(mContentScrollView); mStartBlankView = new TextView(context);
mEndBlankView = new TextView(context);
mItemLayoutParams = new ViewGroup.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.MATCH_PARENT);
mItemsContainer = new LinearLayout(context);
mItemsContainer.setOrientation(LinearLayout.VERTICAL);
mItemsContainer.setGravity(Gravity.CENTER);
mItemsContainer.setLayoutParams(mItemLayoutParams);
mContentScrollView.addView(mItemsContainer);
mContentScrollView.setOnTouchListener(new TimeScrollViewOnTouchListener());
} /**
* Register a callback to be invoked when an item in this VerticalScrollAutoSelector has been selected.
* @param listener The callback that will run
*/
public void setOnItemSelectedListener(OnItemSelectedListener listener) {
mOnItemSelectedListener = listener;
} /**
* Sets the data behind this VerticalScrollAutoSelector.
* @param adapter
*/
public void setAdapter(AutoSelectorAdapter adapter) {
mAdapter = adapter;
mSelectedPosition = -1;
mItemViewsScrollYArr = null;
mItemsContainer.removeAllViews();
if (mAdapter == null || mAdapter.getCount() <= 0) {
return;
} if (getHeight() == 0) {
// Waiting for component initialization finished
mContentScrollView.postDelayed(new Thread() {
@Override
public void run() {
attachAdapter();
}
}, 1);
} else {
attachAdapter();
}
} private void attachAdapter() {
if (getHeight() == 0) {
// try again!
setAdapter(mAdapter);
return;
} final int itemCount = mAdapter.getCount();
int itemGroup = mAdapter.getItemsCountPerGroup();
if (itemGroup < 3) {
itemGroup = 3;
} final float height = getHeight(); final int itemHeight = (int) (height / itemGroup);
int additionHeight = (int) (height - itemHeight * itemGroup); int itemPosition = 0;
final int totalHourItems = itemCount + 2; for (int i = 0; i < totalHourItems; i++) { if (i == 0 || i == totalHourItems - 1) {
TextView tv = (i == 0 ? mStartBlankView : mEndBlankView);
mItemLayoutParams.width = ViewGroup.LayoutParams.MATCH_PARENT;
mItemLayoutParams.height = (--additionHeight >= 0) ? itemHeight + 1 : itemHeight;
tv.setLayoutParams(mItemLayoutParams);
mItemsContainer.addView(tv);
} else {
View convertView = null;
boolean isCached = true;
if (itemPosition < mCachedSubViewList.size()) {
convertView = mCachedSubViewList.get(itemPosition);
} else {
isCached = false;
} View view = mAdapter.getView(itemPosition, convertView, this);
view.setId(mAdapter.getItemId(itemPosition));
mItemLayoutParams.width = ViewGroup.LayoutParams.MATCH_PARENT;
mItemLayoutParams.height = (--additionHeight >= 0) ? itemHeight + 1 : itemHeight;
view.setLayoutParams(mItemLayoutParams);
mItemsContainer.addView(view); if (!isCached) {
mCachedSubViewList.add(view);
} else {
if (view != convertView) {
mCachedSubViewList.remove(itemPosition);
mCachedSubViewList.add(itemPosition, view);
}
}
itemPosition++;
}
}
} /**
* Returns the adapter currently in use in this VerticalScrollAutoSelector.
* @return
*/
public AutoSelectorAdapter getAdapter() {
return mAdapter;
} /**
* Get the selected item.
* @return
*/
public Object getSelectedItem() {
if (mAdapter == null || mSelectedPosition < 0) return null;
return mAdapter.getItem(mSelectedPosition);
} private class TimeScrollViewOnTouchListener implements OnTouchListener { @Override
public boolean onTouch(View v, MotionEvent event) {
if (mAdapter == null || mAdapter.getCount() < 1) {
return false;
} switch (event.getAction()) {
case MotionEvent.ACTION_DOWN:
if (mItemViewsScrollYArr == null) {
int maxY = getMaxScrollY();
int[] location = new int[2];
mContentScrollView.getLocationOnScreen(location); final int itemsCount = getAdapter().getCount();
mItemViewsScrollYArr = new int[itemsCount];
mItemViewsScrollYArr[0] = 0;
mItemViewsScrollYArr[itemsCount - 1] = maxY; for (int i = 0; i < itemsCount - 2; i++) {
mItemViewsScrollYArr[i + 1] = (int) (1f * (i + 1) * maxY/ (itemsCount - 1));
}
} mTouchedPoint.x = mContentScrollView.getScrollX();
mTouchedPoint.y = mContentScrollView.getScrollY();
break;
case MotionEvent.ACTION_MOVE:
break;
case MotionEvent.ACTION_CANCEL:
case MotionEvent.ACTION_UP:
if (mScrollPointChecker == null) {
mScrollPointChecker = new ScrollPointChecker();
mScrollPointChecker.execute(mTouchedPoint);
} else {
mScrollPointChecker.cancel(true);
mScrollPointChecker = new ScrollPointChecker();
mScrollPointChecker.execute(mTouchedPoint);
}
break;
default:
break;
}
return false;
}
} /**
* 获得ScrollView最大垂直滚动距离
* @param scrollView
* @return
*/
private int getMaxScrollY() {
int tmpY = mContentScrollView.getScrollY(); mContentScrollView.scrollTo(getScrollX(), 5000);
int maxY = mContentScrollView.getScrollY(); mContentScrollView.scrollTo(mContentScrollView.getScrollX(), tmpY);
return maxY;
} private class ScrollPointChecker extends AsyncTask<Point, Integer, Integer> { private int oldScrollY = -1; @Override
protected Integer doInBackground(Point... params) {
if (params == null || params.length < 1) {
return -1;
}
Point originalPoint = params[0];
int scrollView_y = mContentScrollView.getScrollY();
if (scrollView_y == originalPoint.y) {
return -1;
} int currentPosition = -1; while (true) {
scrollView_y = mContentScrollView.getScrollY(); if (oldScrollY == scrollView_y) {
int tempPosition = -1; for (int i = 0; i < getAdapter().getCount(); i++) {
Rect visibleRect = new Rect();
boolean flag = mCachedSubViewList.get(i).getGlobalVisibleRect(visibleRect);
int[] location = new int[2];
mCachedSubViewList.get(i).getLocationOnScreen(location); if (flag && Math.abs(visibleRect.top - visibleRect.bottom) == mCachedSubViewList.get(i).getHeight()) {
if (tempPosition != -1) {
// compare with previous item, get the closer one.
if (Math.abs(mItemViewsScrollYArr[tempPosition] - scrollView_y) > Math.abs(mItemViewsScrollYArr[i] - scrollView_y)) {
tempPosition = i;
}
} else {
tempPosition = i;
}
}
} if (tempPosition != -1) {
currentPosition = tempPosition;
}
break;
} else {
oldScrollY = scrollView_y;
}
try {
TimeUnit.MILLISECONDS.sleep(100);
} catch (InterruptedException e) {
return -1;
}
}
return currentPosition;
} @Override
protected void onPostExecute(Integer result) {
if (result != -1) {
mSelectedPosition = result;
mContentScrollView.scrollTo(mContentScrollView.getScrollX(), mItemViewsScrollYArr[mSelectedPosition]);
if (mOnItemSelectedListener != null) {
mOnItemSelectedListener.onItemSelected(VerticalScrollAutoSelector.this,
mCachedSubViewList.get(mSelectedPosition), mSelectedPosition, mAdapter.getItemId(mSelectedPosition));
}
} else {
if (mOnItemSelectedListener != null) {
mOnItemSelectedListener.onNothingSelected(VerticalScrollAutoSelector.this);
}
}
}
} /**
* Interface definition for a callback to be invoked when
* an item in this view has been selected.
*/
public interface OnItemSelectedListener { void onItemSelected(VerticalScrollAutoSelector parent, View view, int position, int id); void onNothingSelected(VerticalScrollAutoSelector parent);
} /**
* Adapter for VerticalScrollAutoSelector
* @author Wison
*/
public abstract static class AutoSelectorAdapter { public boolean isEmpty() {
return getCount() == 0;
} /**
* Get the count of visible items when the VerticalScrollAutoSelector is displayed on the screen.
* @return
*/
public abstract int getItemsCountPerGroup(); /**
* Get the count of items
* @return
*/
public abstract int getCount(); /**
* Get the data item associated with the specified position in the data set.
* @param position
* @return
*/
public abstract Object getItem(int position); /**
* Get the row id associated with the specified position in the list.
* @param position
* @return
*/
public abstract int getItemId(int position); /**
* Get a View that displays the data at the specified position in the data set.
* @param position
* @param convertView
* @param parent
* @return
*/
public abstract View getView(int position, View convertView, ViewGroup parent); }
}
Android自定义垂直滚动自动选择日期控件的更多相关文章
- Android 自定义View 三板斧之一——继承现有控件
通常情况下,Android实现自定义控件无非三种方式. Ⅰ.继承现有控件,对其控件的功能进行拓展. Ⅱ.将现有控件进行组合,实现功能更加强大控件. Ⅲ.重写View实现全新的控件 本文重点讨论继承现有 ...
- 专用于ASP.Net Web应用程序的日期控件
原文引入:http://blog.csdn.net/nileel/article/details/1566051 专用于ASP.Net Web应用程序的日期控件 分类: ASP.NET/C#2007 ...
- Flex自定义组件开发之日周月日期选择日历控件
原文:Flex自定义组件开发之日周月日期选择日历控件 使用过DateField的我们都知道,DateField 控件是用于显示日期的文本字段,字段右侧带有日历图标.当用户在控件边框内的 ...
- WPF自定义控件与样式(5)-Calendar/DatePicker日期控件自定义样式及扩展
一.前言 申明:WPF自定义控件与样式是一个系列文章,前后是有些关联的,但大多是按照由简到繁的顺序逐步发布的等,若有不明白的地方可以参考本系列前面的文章,文末附有部分文章链接. 本文主要内容: 日历控 ...
- 安卓自定义日期控件(仿QQ,IOS7)
还记得上篇:高大上的安卓日期时间选择器,本篇是根据上篇修改而来,先看下qq中日期选择的效果: 鉴于目前还没有相似的开源日期控件,因此本人花费了一些时间修改了下之前的日期控件,效果如图: 虽说相似度不是 ...
- FineUIPro v5.2.0已发布(jQuery升级,自定义图标,日期控件)
FineUIPro/MVC/Core/JS v5.2.0 已经于 2018-8-20 发布,官网示例已更新,如果大家在测试中发现任何问题,请回复本帖,谢谢了. 在线示例: FineUI Pro:htt ...
- 【转】WPF自定义控件与样式(5)-Calendar/DatePicker日期控件自定义样式及扩展
一.前言 申明:WPF自定义控件与样式是一个系列文章,前后是有些关联的,但大多是按照由简到繁的顺序逐步发布的等. 本文主要内容: 日历控件Calendar自定义样式: 日期控件DatePicker自定 ...
- 转 EasyUi日期控件datebox设置,只显示年月,也只能选择年月
1.引入Jquery和easyui,注低版本的Jquery和easy不能使用,这里使用的Jquery是1.8.2easyui是1.6.1.1.easyui下载地址:http://www.jeasyui ...
- WPF自定义选择年月控件详解
本文实例为大家分享了WPF自定义选择年月控件的具体代码,供大家参考,具体内容如下 封装了一个选择年月的控件,XAML代码: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 ...
随机推荐
- <转载>模板声明中template <typename T>和template <class T>
原文地址http://blog.csdn.net/bug07250432/article/details/10150625 在c++Template中很多地方都用到了typename与class这两个 ...
- 【转】ffmpeg中的sws_scale算法性能测试
经常用到ffmpeg中的sws_scale来进行图像缩放和格式转换,该函数可以使用各种不同算法来对图像进行处理.以前一直很懒,懒得测试和甄别应该使用哪种算法,最近的工作时间,很多时候需要等待别人.忙里 ...
- iOS更新之DFU模式和恢复模式
DFU模式和恢复模式的区别:DFU模式是在iPhone固件引导启动之前进行恢复的模式.所以用DFU模式刷机一般比较干净,不会有任何垃圾文件.想当于电脑重新格式化之后再安装系统. DFU模式进入方法:1 ...
- 数据分析系统DIY3/3:本地64位WIN7+matlab 2012b訪问VMware CentOS7+MariaDB
数据分析系统DIY中要完毕的三个任务. 一.用VMware装64位CentOS.数据库服务端用CentOS自带的就好. 二.数据採集与预处理用Dev-C++编程解决. 三.用本地Win7 64上的MA ...
- Android应用程序资源管理器(Asset Manager)的创建过程分析
文章转载至CSDN社区罗升阳的安卓之旅,原文地址:http://blog.csdn.net/luoshengyang/article/details/8791064 在前面一篇文章中,我们分析了And ...
- echarts演示笔记
http://echarts.baidu.com/doc/start.html 1.新建一个echarts.html文件,为ECharts准备一个具备大小(宽高)的Dom. <!DOCTYPE ...
- css3实现手机菜单展开收起动画
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http ...
- Windows下安装Django及WEB服务启动
如果使用的是 Linux 或 Mac OS X ,系统可能已经预装了 Python .在命令提示符下 (或 OS X 的终端中) 输入python ,如果出现python编辑环境,说明 ...
- PHP学习笔记二十一【全局变量】
<?PHP //定义全局变量 global $a; $a=9; //给全局变量赋值 function test1() { global $a; $a=45; } test1(); echo $a ...
- iOS 实现毛玻璃效果
话说苹果在iOS7.0之后,很多系统界面都使用了毛玻璃效果,增加了界面的美观性,比如下图的通知中心界面; 但是其iOS7.0的SDK并没有提供给开发者实现毛玻璃效果的API,所以很多人都是通过一些别人 ...