android 微信评论功能,Android仿微信朋友圈点击评论自动定位到相关行功能

最近闲来无事，随便看看各种UI实现的代码

打开你的微信朋友圈，点击评论，你就会发现有一个小细节：文本输入框的高度恰好定位到这条信息的底部位置

这个实现起来其实很简单，咱们就来看看吧

最简单的RecyclerView

依然是先实现RecyclerView。跟朋友圈一样，我们也把头给加上去，这样我们在点第一条信息的时候，效果会更好一些

信息内容简单些，反正我们就看看效果

android:orientation="vertical" android:layout_width="match_parent"

android:layout_height="wrap_content">

android:id="@+id/tv_title"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:textSize="12sp" />

android:id="@+id/tv_comment"

android:text="评论"

android:textSize="14sp"

android:layout_margin="5dip"

android:textColor="@color/colorAccent"

android:layout_width="wrap_content"

android:layout_height="wrap_content" />

头部也很简单，就一张图片作为区分

android:layout_width="match_parent" android:layout_height="300dip">

android:layout_centerInParent="true"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:src="@mipmap/ic_launcher"/>

消息内容就以string作为信息数据类型，头的数据类型为TopClass

data class TopClass(val value: String)

实现一个adapter

class MainAdapter(private val beans: ArrayList, val context: Context) : RecyclerView.Adapter() {

var height = 0

enum class TYPE(val value: Int) {

TOP(0), NORMAL(1)

}

override fun onCreateViewHolder(parent: ViewGroup?, viewType: Int): RecyclerView.ViewHolder {

when(viewType) {

TYPE.NORMAL.value -> {

val view = LayoutInflater.from(context).inflate(R.layout.adapter_main, parent, false)

return MainNormalViewHolder(view)

}

TYPE.TOP.value -> {

val view = LayoutInflater.from(context).inflate(R.layout.adapter_top, parent, false)

return MainTopViewHolder(view)

}

throw Exception()

}

override fun getItemCount() = beans.size

override fun onBindViewHolder(holder: RecyclerView.ViewHolder?, position: Int) {

if (holder != null) {

when(getItemViewType(position)) {

TYPE.NORMAL.value -> {

(holder as MainNormalViewHolder).setText(beans[position] as String)

holder.clickComment(holder.layoutPosition)

}

TYPE.TOP.value -> {}

}

override fun getItemViewType(position: Int): Int {

when(beans[position]) {

is String -> return TYPE.NORMAL.value

is TopClass -> return TYPE.TOP.value

}

return super.getItemViewType(position)

}

inner class MainNormalViewHolder(itemView: View) : RecyclerView.ViewHolder(itemView) {

fun setText(text: String) {

itemView.tv_title.text = text

}

fun clickComment(position: Int) {

itemView.tv_comment.setOnClickListener {

(context as MainActivity).showInputComment(itemView.tv_comment, position)

}

inner class MainTopViewHolder(itemView: View) : RecyclerView.ViewHolder(itemView)

}

这样一个列表就完成了

输入框的产生

这里有一个关键的地方，如何将EditText悬浮在键盘上，并且RecyclerView不会被挤上去。这里我们可以使用Dialog，同时在布局中要使用ScrollView来进行占位

android:orientation="vertical"