ListView嵌套多个EditText弹出软键盘问题

又来写一个实际项目中遇见的问题 CASE — 动态向 ListView 中添加多个 EditText ,如何解决软键盘弹出模式、 ListView 重绘、EditText 焦点丢失以及会遇见的 软键盘遮挡 ListView 编辑框内容问题呢?

项目中实际需求场景是将食品列表中的不同规格价格做成可编辑样式,因每种食品的规格种类不定,所以这里通过动态向列表 itemView 中某个 LinearLayout 添加编辑框,getView()方法中动态添加编辑框的代码如下:

holder.ll_skus.removeAllViews();
for (String sku: getItem(i).skus) {

     View itemView = inflater.inflate(R.layout.layout_food_price_edit, null);
     EditText et = itemView.findViewById(R.id.edt_food_price);
     et.setText(sku);

     holder.ll_skus.addView(itemView);

     LinearLayout.LayoutParams lp = (LinearLayout.LayoutParams) itemView.getLayoutParams();
     lp.setMargins(0, 0, 0, 20);
}        

说明:

  • 因为 ListView 布局会复用,所以每次动态添加前需要将 holder.ll_skus 中的子View全都清空。

最终得到的列表样式如下:


列表样式.png

场景一:给当前Activity设置软键盘弹出模式为 android:windowSoftInputMode="adjustResize"
说明:设置为 adjustResize,当空间不足以展示软键盘时会自动压缩列表布局,此时会导致 ListView 重新绘制,如此便使 EditText 也重新创建。
问题:上述情形会造成 ListView 中 EditText 弹出软键盘失去焦点,在网上能找到解决方式,这里不粘贴地址,主要思路是将保留重绘前 EditText 对应的位置,在 getView() 返回前重置。

点击“食品1-中”编辑框,软键盘弹出,但是编辑框失去交点,问题页面如下:


adjustResize模式下失去焦点.png

场景二:给当前Activity设置软键盘弹出模式为 android:windowSoftInputMode="adjustPan"

说明:此种软键盘弹出模式,会将整个窗口包括标题栏整个往上移动,因列表布局不会被压缩,不会导致列表重新绘制,也就不会有编辑框焦点丢失问题。

问题:当编辑框初始位置到屏幕底部距离小于软键盘高度时,弹出软键盘会遮住编辑框1/3高度,这种相当于键盘会遮挡部分ListView内容。

这里可以对比上一张图可看出编辑框被遮挡住了一部分,问题页面如下所示:


adjustPan模式下遮挡编辑框.png

尝试过几种网上的方式,但是并不适用于这种动态向列表中添加编辑框的场景,采取的最原始的两种软键盘弹出模式也不适用,笔者想过通过监听软键盘移动 ListView 的方式,通过 scrollTo() 滚动又遇到了列表滚动后,底部大片空白或者弹出软键盘后滑动列表,焦点又回到滑动之前位置的情况,使用 setSelectionFromTop 滑动又太突兀,也没达到想要的效果,所以也放弃了这种方式。

你认为我最终是如何解决这个问题的呢?没有任何技术含量的方式,将 ListView 换成 RecyclerView,然后设置键盘弹出模式为 adjustResize,完美解决了这个问题,达到了想要的效果。这里试过,在弹出软键盘时,若空间不足时,RecyclerView 会自动将正在编辑的item项滑动到顶部,所有之前准备计算滑动距离和键盘高度之类的操作都不用。

通过这个问题,又发现了 RecyclerView 的一种好处。找了一圈的app,包括淘宝、京东Android 版本的购物车编辑数量这个功能,结果均是点击打开弹窗,然后在弹窗内进行编辑,而ios是可以直接进行编辑的。ListView 嵌套 EditText 感觉还是挺多坑的,以后没事就不要用 ListView,直接用 RecyclerView ,说到这里,笔者想到了自己还没真正去看过 RecyclerView 的实现源码呢!

PS:软键盘几种弹出模式这里说的并不详细,可以查看官网。

你可能感兴趣的:(ListView嵌套多个EditText弹出软键盘问题)