仿微信点击回复,输入框定位到列表的底部
来源:互联网 发布:nba2k15mc霍华德的数据 编辑:程序博客网 时间:2024/06/01 12:14
最近设计提了这么一个需求,就是要仿微信的朋友圈,点击回复的时候,输入框要定位到当前item的底部,为了这么一个小小的功能,把姐姐我折腾了三天,真的是用尽了办法,最后发现,其实真的不是很难,功能实现之后,我的第一反应就是要写一篇博客,希望被同样问题困扰的开发的小白能够有些帮助.
需求的功能:
这就是设计想要的效果,就是点击回复的按钮的时候,对话框要定位到这个动态的底部.
一开始真的很懵,根本不知道该从何下手,后来也查找了一些文章,开始自己着手做:
这里有两个方案:
方案一:屏幕总高度-键盘高度-回复的文本输入框-状态栏高度-标题栏高度-当前被点击项的高度=偏移量。(但是问题是还有回复的列表的高度也要计算,并且这些高度并非是固定的,因此这样算出来的可能会有一定的误差,如果是回复列表过长,误差就会更大)
方案二:使用setSelectionFromTop滚动到下一个position,并移动一定距离,offset是整个屏幕可显示内容的高度(就是屏幕高度减去键盘高度、状态栏高度、输入框高度、剩下的即为屏幕高度),当position是最后一个时直接滚动到底部,当是第一个时还要判断头部高度是否够滚动,可以通过下一个item的xy坐标来判断(微信朋友圈因为有一个头部图片,所以第一个item不用担心滚动的距离不够)。
我尝试用第一个方案解决,但是发现难度真的挺大,很多值都获取不到,于是,我决定采用第二个方案:
方案二需要的值有软键盘的高度,状态栏的高度,输入框的高度,以及屏幕的高度
因为使用setSelectionFromTop这个方法,实际上是让选中的item滑动到整个屏幕的顶部,因此,我们需要计算的距离就是回退的高度,就是回复框要正好落到当前item的底部.
遇到的第一个困难就是没有办法获取软键盘的高度因为andriod本身没有提供这么一个API可以直接获取软键盘的高度,因此我们必须自己写一个监听,来监听软键盘的变化,代码如下:
/** * 获取软键盘的高度 rel_container(父输入框) */ rel_container.getViewTreeObserver().addOnGlobalLayoutListener( new ViewTreeObserver.OnGlobalLayoutListener() { @Override public void onGlobalLayout() { Rect r = new Rect(); rel_container.getWindowVisibleDisplayFrame(r); int screenHeight = rel_container.getRootView() .getHeight(); //软键盘高度 softInputHeight int softInputHeight = screenHeight - (r.bottom); // if (softInputHeight != 0 && position != -1) { // EventManager.post(new SoftKeyHightEvent(softInputHeight, position)); // } } });
软键盘的高度还是比较好获取的,但是需要注意的是需要添加判断,因为软键盘没有显示出来,它的高度永远都是为0 的,因此我们需要判断,当软键盘的高度不为0的时候,再去取.
现在,软键盘的高度已经获取到了,此时我们还需要的就是,点击的是当前的哪个item,也就是item的position需要拿到.因为我们需要使用item的position来定位 public void scollToItemBottom(int position,int softInputHeight) {//ListAdapter listview 的适配器 if (chatListAdapter == null) { return; } //获取屏幕高度screenH this或者context (上下文) Display defaultDisplay = this.getWindowManager().getDefaultDisplay(); int screenH = defaultDisplay.getHeight(); //状态栏高度 Rect outRect = new Rect(); this.getWindow().getDecorView().getWindowVisibleDisplayFrame(outRect); //view绘制区域获取 Rect outRects = new Rect(); this.getWindow().findViewById(Window.ID_ANDROID_CONTENT).getDrawingRect(outRects); //用绘制区域的outRect.top - 应用区域的outRect.top 即是标题栏的高度 int statusBarH = outRect.top - outRects.top; //获取键盘高度keyHight: int keyHight = softInputHeight; //标题栏的高度titleBarH int titleBarH = (int) PublicUtils.dp2px(activity, 48); //间隔的高度 int intervalHight= (int) PublicUtils.dp2px(activity,20); //就是屏幕高度(screenH)减去键盘高度(keyBoardHeight)、状态栏高度(statusBarH)、输入框高度(titleBarH)再加上间隔的高度就是屏幕剩下的高度(也就是偏移量) int height = screenH - statusBarH - titleBarH - keyHight + intervalHight; int currentPosition = position; //headNum:listView的头部视图的个数(如果没有添加就是0) int headNum=refreshListView.getHeaderViewsCount(); if (listAdapter.getCount() + headNum == currentPosition) { listView.setSelection(refreshListView.getBottom()); } else { listView.setSelectionFromTop(currentPosition + headNum + 1, height); } }
好了,到这里就结束了,但是需要注意的是position位置的计算,因为有时候我们并不是简单的一个listView,可能listView还会添加头部视图,因此我们在计算position的时候应该把头部视图的个数也要加进去,要不然无论你怎么调试怎么滚动都是没有用的.还需要注意的一点就是,你要把item的间隔加上去,因为你需要正好把回复文本框定位到item的底部,所以你要把这个间隔加上,说了也是无用的,关键是你要着手去做,因为现在时间比较赶,所以Demo的话就以后再写喽,不会的同学可以直接问我就好了.另附上一张效果图:
- 仿微信点击回复,输入框定位到列表的底部
- Select From List 下拉列表框定位
- input输入框定位select选项
- 光标输入框定位和获取位置
- Python--selenium-webdriver输入框定位
- jQuery 点击“回复”,跳转到文本输入框
- 登录框定位错误
- UITableView滚动到底部(用于评论回复)
- android点击输入法会把底部顶上去的解决办法
- android点击输入法会把底部顶上去的解决办法
- android点击输入法会把底部顶上去的解决办法
- 点击输入框,页面底部的文字被顶上去
- Android点击列表后弹出输入框,所点击项自动滚动到输入框上方
- 父页面带滚动条时,iframe的bootstrap模态框定位问题
- div框定位(relative,absolute,fixed,static)
- 自定义可以列表输入、点击内容的UiContentView
- 写jsp页面时,写回帖功能时,点击回复按钮弹出输入框,将该id传递到输入框中
- 点击按钮跳到当前页面指定的div和跳到顶部或底部
- HDU1013Digital Roots
- Codeforces Round #345 (Div. 2) 解题报告
- mysql基于BLACKHOLE复制基础的各种架构
- 第二周项目二-就拿胖子说事
- 67. Add Binary
- 仿微信点击回复,输入框定位到列表的底部
- 第二周项目-就拿胖子说事
- iOS7.0 iphone5边界黑框的问题
- 有关HealthKit的那些事
- HDU杭电5630 ( Rikka with Chess )
- Grunt学习——检查代码完整性
- 206. Reverse Linked List
- DocumentHelper和SAXReader解析XML字符串
- C# chart 属性