Android实现列表展示输入框数据

立即下载用AI写一个

发布时间：2020-11-19

0人 | 浏览：1838次 | 收藏 |

技术：android

概述

详细讲述列表展示输入框数据的具体实现，并阐述这样展示时可能出现的一些问题，并给出处理方案的解释

详细

### 前言
`RecyclerView`列表展示数据是大家再熟悉不过的知识了,但是有时在列表展示数据的时候，我们也会遇到十分蛋疼的 `UI`，那就是在列表项中含有输入框的问题，乍看起来是十分简单的问题，可是在实际操作中还是会遇到很多麻烦，下面就来讲解下吧。

今天涉及的内容：
1. 列表项中含输入框可能出现的问题
2. 列表输入框在`Activity`中使用
3. 效果图和项目结构图

先来波效果图
![](/contentImages/image/20201119/POTr2SgrQAhsGoqlBM9.gif)

#### 一. 列表项中含输入框可能出现的问题
列表项中含输入框可能出现以下问题：
- 输入框移出界面后，再出来数据消失
- 列表刷新后，输入框数据错乱
- 列表展示输入框数据时崩溃
- 点击获取的数据并不是该项上展示的数据
#### 二. 列表输入框在`Activity`中使用
ok，以上问题，我会在**demo 的适配器 TestAdapter**中做出详细讲解，接下来让我们看看列表展示输入框在`Activity`中使用示例。
先丢出`MainActivity`对应布局`activity_main.xml`代码：

```
<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".ui.MainActivity"
    android:background="@color/color_f2f2f2">

<androidx.recyclerview.widget.RecyclerView
        android:id="@+id/mRecyclerView"
        android:layout_width="0dp"
        android:layout_height="0dp"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/mTvTest"
        app:layout_constraintBottom_toBottomOf="parent"
        android:layout_marginTop="5dp"/>

</androidx.constraintlayout.widget.ConstraintLayout>
```
这是一个比较简单的布局，主要列表数据会展示在`RecyclerView`中，然后`mBtnTest`按钮用于点击时展示所选项中对应输入框的值。
接下来看看`MainActivity`代码：
```
open class MainActivity : AppCompatActivity(), View.OnClickListener {

private var mItemList:MutableList<Item> = mutableListOf()
    private var mTestAdapter: TestAdapter<Item>?=null
    private var mIndex:Int=-1

override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)

initData()
        setListener()
    }

private fun initData() {
        for(i in 0 until 30){
            var item:Item= Item("名称$i",i.toString())
            mItemList.add(item)
        }
        mTestAdapter=TestAdapter(this,mItemList)
        var layoutManager = LinearLayoutManager(this)
        layoutManager.isSmoothScrollbarEnabled = true
        layoutManager.isAutoMeasureEnabled = true
        mRecyclerView.isNestedScrollingEnabled=false
        mRecyclerView.setHasFixedSize(true)
        mRecyclerView.layoutManager=layoutManager
        mRecyclerView.adapter=mTestAdapter
    }

private fun setListener() {
        mBtnTest.setOnClickListener(View.OnClickListener {
            if(mIndex!=-1) {
                ToastUtil.shortShow("选中项的值为:${mItemList[mIndex].value}")
            }
        })

mTestAdapter!!.setOnItemClick(object:TestAdapter.OnItemClick{
            override fun click(position: Int) {
                mIndex=position
                mTestAdapter!!.setIndex(mIndex)
                mTestAdapter!!.notifyDataSetChanged()
            }
        })
    }

override fun onClick(v: View) {

}

}
```
#### 三.效果图和项目结构图
![](/contentImages/image/20201119/POTr2SgrQAhsGoqlBM9.gif)

![](/contentImages/image/20201119/ADqJEE6NkhLvTLVgFeu.png)

具体大家可以下载`demo`查看，这里就不赘述了。
ok,今天的内容就讲到这里了，谢谢大家。

本实例支付的费用只是购买源码的费用，如有疑问欢迎在文末留言交流，如需作者在线代码指导、定制等，在作者开启付费服务后，可以点击“购买服务”进行实时联系，请知悉，谢谢

感谢

手机上随时阅读、收藏该文章？请扫下方二维码

Android实现列表展示输入框数据

概述

详细

相似例子推荐

评论

作者

评分详细

作者例子