仿微信点击回复,输入框定位到列表的底部

来源:互联网 发布: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的话就以后再写喽,不会的同学可以直接问我就好了.另附上一张效果图:
这里写图片描述

0 0
原创粉丝点击