Android 微信聊天页面

记录一下关键点

布局最关键

<?xml version="1.0" encoding="utf-8"?>
<layout 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"tools:context=".index.detail.blank.MessageActivity"><LinearLayoutandroid:id="@+id/root"android:clipChildren="false"android:clipToPadding="false"android:orientation="vertical"android:layout_width="match_parent"android:layout_height="match_parent"><Viewandroid:id="@+id/statusbar"android:layout_width="match_parent"android:layout_height="@dimen/dp10"android:background="@color/skyblue" /><TextViewandroid:id="@+id/tvTitle"android:layout_width="match_parent"android:layout_height="wrap_content"android:background="@color/skyblue"android:gravity="center"android:paddingTop="@dimen/dp10"android:paddingBottom="@dimen/dp10"android:text="二狗子"android:textColor="@color/black"android:textSize="20sp" /><!--    android:background="#F9F5F5"--><RelativeLayoutandroid:layout_width="match_parent"android:layout_height="match_parent"android:layout_weight="1"android:orientation="vertical"><ImageViewandroid:id="@+id/ivBg"android:layout_width="match_parent"android:layout_height="match_parent"android:scaleType="fitXY"android:src="@drawable/messagebg" /><FrameLayoutandroid:layout_width="match_parent"android:layout_height="match_parent"android:layout_above="@id/llBot"android:layout_weight="1"android:orientation="vertical"><com.scwang.smart.refresh.layout.SmartRefreshLayoutandroid:id="@+id/smartrefresh"android:layout_width="match_parent"android:layout_height="wrap_content"><com.scwang.smart.refresh.header.ClassicsHeaderandroid:layout_width="match_parent"android:layout_height="wrap_content"/><androidx.recyclerview.widget.RecyclerViewandroid:id="@+id/rv"android:layout_width="match_parent"android:layout_height="wrap_content" /></com.scwang.smart.refresh.layout.SmartRefreshLayout></FrameLayout><LinearLayoutandroid:id="@+id/llBot"android:layout_width="match_parent"android:layout_height="wrap_content"android:layout_alignParentBottom="true"android:background="#D3D1D1"android:orientation="horizontal"><ImageViewandroid:layout_width="@dimen/dp40"android:layout_height="@dimen/dp40"android:layout_gravity="bottom"android:padding="@dimen/dp8"android:src="@mipmap/ic_launcher" /><FrameLayoutandroid:id="@+id/etFrame"android:layout_width="0dp"android:layout_height="wrap_content"android:layout_marginTop="@dimen/dp4"android:layout_marginBottom="@dimen/dp4"android:layout_weight="1"><EditTextandroid:id="@+id/etInput"android:layout_width="match_parent"android:layout_height="wrap_content"android:layout_gravity="center_vertical"android:layout_marginLeft="@dimen/dp4"android:layout_marginTop="@dimen/dp4"android:layout_marginRight="@dimen/dp4"android:layout_marginBottom="@dimen/dp4"android:background="@null"android:clickable="true"android:focusable="true"android:maxHeight="@dimen/dp100"android:textColor="@color/black"android:textSize="18sp" /></FrameLayout><ImageViewandroid:layout_width="@dimen/dp40"android:layout_height="@dimen/dp40"android:layout_gravity="bottom"android:padding="@dimen/dp8"android:src="@mipmap/ic_launcher" /><FrameLayoutandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_gravity="bottom"><ImageViewandroid:id="@+id/ivSetting"android:layout_width="@dimen/dp40"android:layout_height="@dimen/dp40"android:padding="@dimen/dp8"android:src="@mipmap/ic_launcher" /><TextViewandroid:id="@+id/tvSend"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_gravity="center"android:layout_marginRight="@dimen/dp8"android:background="#4CAF50"android:paddingLeft="@dimen/dp10"android:paddingTop="@dimen/dp4"android:paddingRight="@dimen/dp10"android:paddingBottom="@dimen/dp4"android:text="发送"android:textSize="16sp"android:visibility="gone" /></FrameLayout></LinearLayout></RelativeLayout></LinearLayout></layout>

关键点2.底部输入框的高度

获取到底部总高度

  //获取控件的试图观察者,以便通过试图观察者得到控件的宽高参数val viewTreeObserver: ViewTreeObserver = bind!!.llBot.getViewTreeObserver()//添加观察者监听viewTreeObserver.addOnGlobalLayoutListener(object :ViewTreeObserver.OnGlobalLayoutListener {override fun onGlobalLayout() {//回调监听后首先移除该监听 占资源bind!!.tvTitle.getViewTreeObserver().removeOnGlobalLayoutListener(this)//得到高度llBotheight = bind!!.llBot.getHeight()}})

  bind!!.etInput.addTextChangedListener(object : TextWatcher {override fun beforeTextChanged(s: CharSequence?, start: Int, count: Int, after: Int) {}override fun onTextChanged(s: CharSequence?, start: Int, before: Int, count: Int) {}override fun afterTextChanged(s: Editable?) {val toString = s.toString()val trim = toString.trim()if (!TextUtils.isEmpty(trim)) {bind!!.tvSend.visibility = View.VISIBLE} else {bind!!.tvSend.visibility = View.GONE}val layoutParams = bind!!.llBot.layoutParams as RelativeLayout.LayoutParamslayoutParams.bottomMargin = layoutParams.height + keyboardHeightbind!!.rv.scrollToPosition(mutableListOf.size - 1)val ivBglayoutParams = bind!!.ivBg.layoutParams as RelativeLayout.LayoutParamsivBglayoutParams.bottomMargin = bind!!.llBot.height - llBotheightif (keyboardHeight == 0) {val ivBglayoutParams = bind!!.ivBg.layoutParams as RelativeLayout.LayoutParamsivBglayoutParams.bottomMargin = 0}}})bind!!.tvSend.setOnClickListener {var toString = bind!!.etInput.text.toString()if (TextUtils.isEmpty(toString)) {return@setOnClickListener}var subInt = 0for (i in toString.length - 1 downTo 0) {if (TextUtils.equals("\n".toString(), toString.get(i).toString())) {subInt = i} else {break}}if (subInt != 0) {toString = toString.subSequence(0, subInt) as String;}mutableListOf.add(SessTypebean(SessTypebean.TYPE1, SessionBean(toString)))sessionAdapter.notifyItemRemoved(mutableListOf.size - 1)bind!!.rv.scrollToPosition(mutableListOf.size - 1)// 重置bind!!.etInput.setText("")}

  override fun onResume() {super.onResume()KeyboardUtils.registerSoftInputChangedListener(window,object : KeyboardUtils.OnSoftInputChangedListener {override fun onSoftInputChanged(height: Int) {keyboardHeight = heightval layoutParams = bind!!.llBot.layoutParams as RelativeLayout.LayoutParamslayoutParams.bottomMargin = heightbind!!.rv.scrollToPosition(mutableListOf.size - 1)if (height == 0) {val ivBglayoutParams = bind!!.ivBg.layoutParams as RelativeLayout.LayoutParamsivBglayoutParams.bottomMargin = 0}}})}override fun onPause() {super.onPause()KeyboardUtils.unregisterSoftInputChangedListener(window)val layoutParams = bind!!.llBot.layoutParams as RelativeLayout.LayoutParamslayoutParams.bottomMargin = 0}

Android 微信聊天页面相关推荐

android高仿微信聊天页面,Android 高仿微信语音聊天页面高斯模糊(毛玻璃效果)
目前的应用市场上,使用毛玻璃效果的APP随处可见,比如用过微信语音聊天的人可以发现,语音聊天页面就使用了高斯模糊效果. 先看下效果图: 仔细观察上图,我们可以发现,背景图以用户头像为模板,对其进行了高 ...
html怎么实现聊天界面设计,纯css制作仿微信聊天页面
纯css制作仿微信聊天页面 *{ margin: 0; padding: 0; } body{ font-size: 14px; } .triangle{ margin: 100px auto ; w ...
netty案例，netty4.1中级拓展篇五《基于Netty搭建WebSocket，模仿微信聊天页面》
前言介绍本章节我们模仿微信聊天页面,开发一个基于Netty搭建WebSocket通信案例.Netty的应用方面非常广:聊天.MQ.RPC.数据等等,在5G到来的时候更加需要大量数据传输,Netty的 ...
android如何实现批量删除操作,Android 基于聊天页面如何实现批量转发和批量删除...
Android 基于聊天页面如何实现批量转发和批量删除继承 ConversationFragment 类,重写 showMoreClickItem 并返回 true . 重写 getMoreClick ...
PyQt模拟微信聊天页面开发
一.引述网上关于Qt模拟微信.QQ的页面开发的多如牛毛,但C++本身来说逻辑上难上手,对只会Python的小伙伴来说太痛苦了. 今天就为大家开个场(下节更精彩),众所周知,要想模拟微信.QQ等这种聊 ...
小程序（十六）小程序仿微信聊天页面及功能
后期打算在小程序中添加即时聊天的功能,但是目前这个还没有考虑好以一种什么样的形势去实现,先接入一个腾讯AI提供的免费闲聊接口.先做一个大概的页面及功能. 腾讯AI地址: https://ai.qq.c ...
Android微信登录页面实现
利用Android实现微信手机端的登录页面,对于登录的输入做了一些的条件限制诸如,非空,长度限制等: 效果图如下: xml文件代码: <?xml version="1.0" ...
python+flask实现和人工智能机器人对话（仿微信聊天页面）| 【Python系列】
情人节已经过了但是情人节和我们程序员有什么关系,没对象自己new一个不就完了. 话不多说直接上成品. 实现机器人的方式很多,可以深度学习训练机器人使其能与我们进行交流,但是请记住,所拥有的数据越多,机 ...
android微信运动页面开发,微信小程序仿微信运动步数排行(交互)
微信小程序仿微信运动步数排行(交互) 发布时间:2020-08-20 00:51:02 来源:脚本之家阅读:101 作者:祈澈姑娘本文介绍了微信小程序仿微信运动步数排行(交互),分享给大家,也给自 ...
iOS仿微信聊天页面长按气泡弹窗
显示效果图如上,

Android 微信聊天页面

Android 微信聊天页面相关推荐

最新文章

热门文章