Kotlin高仿微信-第25篇-朋友圈-显示列表

最新推荐文章于 2023-12-06 17:37:52 发布
最新推荐文章于 2023-12-06 17:37:52 发布
阅读量388 收藏 1
点赞数
分类专栏： Kotlin高仿微信 文章标签： kotlin android java 微信
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/maoning20080808/article/details/128117104
版权

 Kotlin高仿微信-项目实践58篇详细讲解了各个功能点，包括：注册、登录、主页、单聊(文本、表情、语音、图片、小视频、视频通话、语音通话、红包、转账)、群聊、个人信息、朋友圈、支付服务、扫一扫、搜索好友、添加好友、开通VIP等众多功能。

Kotlin高仿微信-项目实践58篇，点击查看详情

效果图：

实现代码：

<?xml version="1.0" encoding="utf-8"?>
<layout>

    <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:id="@+id/moment_root"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="@drawable/wc_base_bg">


        <com.aspsine.swipetoloadlayout.SwipeToLoadLayout
            android:id="@+id/swipeToLoadLayout"
            android:layout_width="match_parent"
            android:layout_height="match_parent">

            <com.wn.wechatclientdemo.view.CircleRefreshHeaderView
                android:id="@+id/swipe_refresh_header"
                android:layout_width="match_parent"
                android:layout_height="wrap_content" />

            <androidx.recyclerview.widget.RecyclerView
                android:id="@+id/swipe_target"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:scrollbars="vertical" />

            <com.wn.wechatclientdemo.view.LoaderMoreView
                android:id="@+id/swipe_load_more_footer"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:gravity="center"
                android:padding="20dp" />
        </com.aspsine.swipetoloadlayout.SwipeToLoadLayout>

    </androidx.constraintlayout.widget.ConstraintLayout>
</layout>

/**
 * Author : wangning
 * Email : maoning20080809@163.com
 * Date : 2022/5/23 16:00
 * Description : 朋友圈
 */
class DiscoverMomentsFragment : BaseDataBindingFragment<WcDiscoverMomentsBinding>(), OnRefreshListener, OnLoadMoreListener {

    override fun getLayoutRes() = R.layout.wc_discover_moments

    private val momentsViewModel : MomentsViewModel by viewModels()
    private val userViewModel : UserViewModel by viewModels()
    private var navController: NavController? = null
    private val REQ_PICTURE_CODE = 101
    private val REQ_VIDEO_CODE = 102

    private var momentsAdapter : DiscoverMomentsAdapter? = null

    override fun onViewCreated(view: View, savedInstanceState: Bundle?) {
        super.onViewCreated(view, savedInstanceState)

        if(!EventBus.getDefault().isRegistered(this)){
            EventBus.getDefault().register(this)
        }

        swipeToLoadLayout.setOnRefreshListener(this)
        swipeToLoadLayout.setOnLoadMoreListener(this)

        var account = DataStoreUtils.getAccount()
        userViewModel.getUserLocal(account)
        navController = findNavController()

        navController?.currentBackStackEntry?.savedStateHandle?.getLiveData<Boolean>(CommonUtils.Moments.PUBLISH_SUCCESS)?.observe(viewLifecycleOwner){
            TagUtils.d("朋友圈发布返回")
            if(it){
                momentsViewModel.getMomentsListLocalEvent()
            }
        }

        TagUtils.d("朋友圈重新主页 ")
        var momentsList = mutableListOf<MomentsBean>()
        //第一行默认写入个人信息
        momentsList.add(MomentsBean())
        momentsAdapter = DiscoverMomentsAdapter(momentsList, PopupWindowClick())

        userViewModel.userBeanLocal.observe(viewLifecycleOwner){
            TagUtils.d("4朋友圈返回用户$it")
            if(it == null) return@observe
            momentsAdapter?.setUserBean(it)
        }

        //使用EventBus刷新数据
        momentsViewModel.getMomentsListLocalEvent()
        var linearLayoutManager = LinearLayoutManager(requireActivity())
        linearLayoutManager.orientation = LinearLayoutManager.VERTICAL
        swipe_target.layoutManager = linearLayoutManager
        swipe_target.adapter = momentsAdapter

        //先加载本地，然后刷新服务器的数据
        momentsViewModel.getMomentsListServerEvent()
    }

    @Subscribe(threadMode = ThreadMode.MAIN)
    fun onMessageCallback(momentsEventBean: MomentsEventBean) {

        if(momentsEventBean == null){
            return
        }

        if(momentsEventBean.list == null || momentsEventBean.list.size < 1){
            return
        }

        var list: MutableList<MomentsBean> = momentsEventBean.list
        if(momentsEventBean.type == MomentsEventBean.TYPE_LOCAL_LIST){
            var momentsList = mutableListOf<MomentsBean>()
            //第一行默认写入个人信息
            momentsList.add(MomentsBean())
            TagUtils.d("DiscoverFragment onMessageCallback 个数${list.size} ")
            momentsList.addAll(list)
            momentsAdapter?.refresh(momentsList)
        } else {
            CoroutineScope(Dispatchers.IO).launch {
                //从服务器获取到数据，插入本地数据库
                MomentsRepository.insertMomentListLocal(list)
                //查询最新的刷新页面
                momentsViewModel.getMomentsListLocalEvent()
            }
        }
    }

    override fun onDestroyView() {
        super.onDestroyView()
        TagUtils.d("DiscoverFragment onDestroyView")
        EventBus.getDefault().unregister(this)
    }

    inner class PopupWindowClick : WcOnItemClickInterface {
        override fun onItemClick(obj: Any) {
            showPopupWindow()
        }
    }

    private fun showPopupWindow(){
        var popupView = layoutInflater.inflate(R.layout.wc_moments_pop_view , moment_root, false)
        var popupWindow = PopupWindow(popupView, ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.WRAP_CONTENT, true)
        popupWindow.showAtLocation(moment_root, Gravity.BOTTOM, 0, 0)

        var window = requireActivity().window
        //popupWindow在弹窗的时候背景半透明
        val params = window.attributes
        params.alpha = 0.5f
        window.attributes = params
        popupWindow.setOnDismissListener {
            params.alpha = 1.0f
            window.attributes = params
        }

        //拍照小视频
        popupView.findViewById<LinearLayout>(R.id.moments_pop_video).setOnClickListener {
            popupWindow.dismiss()
            var bundle = bundleOf(CameraFragment.TYPE_ENTER to CameraFragment.TYPE_MOMENT)
            navController?.navigate(R.id.action_svideo_camera, bundle)
        }

        //选择相册
        popupView.findViewById<AppCompatTextView>(R.id.moments_pop_album).setOnClickListener {
            popupWindow.dismiss()
            openAblum()
        }

        //选择小视频
        popupView.findViewById<AppCompatTextView>(R.id.moments_pop_svideo).setOnClickListener {
            popupWindow.dismiss()
            openVideo()
        }

        //取消
        popupView.findViewById<AppCompatTextView>(R.id.moments_pop_cancel).setOnClickListener {
            popupWindow.dismiss()
        }

    }

    override fun onActivityResult(requestCode: Int, resultCode: Int, data: Intent?) {
        super.onActivityResult(requestCode, resultCode, data)

        if (requestCode == REQ_PICTURE_CODE && data != null) {
            val images = data.getStringArrayListExtra(ImageSelector.SELECT_RESULT)
            val isCameraImage = data.getBooleanExtra(ImageSelector.IS_CAMERA_IMAGE, false)
            TagUtils.d("ImageSelector", "是否是拍照图片：" + isCameraImage)
            images?.map {
                TagUtils.d("返回图片：${it}")
            }
            if(images != null && images.size > 0) {
                var bundle = bundleOf(CommonUtils.Moments.TYPE_NAME to CommonUtils.Moments.TYPE_PICTURE, CommonUtils.Moments.TYPE_IMAGE_PATH to images)
                navController?.navigate(R.id.action_moments_publish, bundle)
            } else {
                TagUtils.d("请选择图片")
            }
        } else if (requestCode == REQ_VIDEO_CODE && resultCode == RESULT_OK && null != data) {
            var selectedVideo = data.getData()!!
            var filePathColumn = arrayOf(MediaStore.Video.Media.DATA)
            var cursor : Cursor? = requireActivity().contentResolver.query(selectedVideo, filePathColumn, null, null, null);
            cursor?.moveToFirst();

            var columnIndex : Int? = cursor?.getColumnIndex(filePathColumn[0]);
            var videoPath = cursor?.getString(columnIndex!!);
            cursor?.close();
            TagUtils.d("选择小视频路径：${videoPath}")
            var bundle = bundleOf(CommonUtils.Moments.TYPE_NAME to CommonUtils.Moments.TYPE_VIDEO, CommonUtils.Moments.TYPE_VIDEO_PATH to videoPath)
            navController?.navigate(R.id.action_moments_publish, bundle)
        }
    }

    fun openAblum(){
        // 打开相册
        ImageSelector.builder()
            .useCamera(false) // 设置是否使用拍照
            .setSingle(false) //设置是否单选
            .canPreview(true) //是否点击放大图片查看,，默认为true
            .start(this,REQ_PICTURE_CODE)

    }

    //选择小视频
    fun openVideo(){
        val i = Intent(Intent.ACTION_PICK, MediaStore.Video.Media.EXTERNAL_CONTENT_URI)
        startActivityForResult(i, REQ_VIDEO_CODE)
    }

    override fun onRefresh() {
        CoroutineScope(Dispatchers.Main).launch {
            delay(200)
            swipeToLoadLayout.isRefreshing = false
        }
    }

    override fun onLoadMore() {
        CoroutineScope(Dispatchers.Main).launch {
            delay(200)
            swipeToLoadLayout.isLoadingMore = false
        }
    }


}

/**
 * Author : wangning
 * Email : maoning20080809@163.com
 * Date : 2022/5/26 17:55
 * Description : 朋友圈适配器
 */
class DiscoverMomentsAdapter(var list : MutableList<MomentsBean>, var userClick : WcOnItemClickInterface) : RecyclerView.Adapter<DiscoverMomentsAdapter.DiscoverMomentsHolder>(){

    private var userBean : UserBean? = null

    override fun getItemCount() = list.size

    override fun onCreateViewHolder(parent: ViewGroup, viewType: Int): DiscoverMomentsHolder {
        var view = LayoutInflater.from(parent.context).inflate(R.layout.wc_discover_moments_item, parent, false)
        return DiscoverMomentsHolder(view)
    }

    override fun onBindViewHolder(holder: DiscoverMomentsHolder, position: Int) {

        //TagUtils.d("朋友圈position = ${position} ， ${userBean}" )
        if(position == 0){
            //朋友圈个人头像信息
            holder.personalView.visibility = View.VISIBLE
            holder.momentsView.visibility = View.GONE
            userBean?.let {
                holder.personalView.process(it, userClick)
            }
        } else {
            holder.personalView.visibility = View.GONE
            holder.momentsView.visibility = View.VISIBLE
            holder.momentsView.process(list.get(position))
        }
    }

    fun setUserBean(userBean: UserBean) {
        this.userBean = userBean
        notifyDataSetChanged()
    }

    //下拉刷新
    fun refresh(list : MutableList<MomentsBean>){
        this.list = list
        notifyDataSetChanged()
    }

    //加载更多
    fun add(list : MutableList<MomentsBean>){
        this.list.addAll(list)
        notifyDataSetChanged()
    }

    class DiscoverMomentsHolder(itemView : View) : RecyclerView.ViewHolder(itemView) {

        var momentsView  = itemView.findViewById<DiscoverMomentsView>(R.id.discover_moments_item_view)
        var personalView  = itemView.findViewById<DiscoverMomentsPersonalView>(R.id.discover_moments_item_personal_view)

    }
}
/**
 * Author : wangning
 * Email : maoning20080809@163.com
 * Date : 2022/5/26 15:29
 * Description : 朋友圈自定义view
 */
class DiscoverMomentsView : RelativeLayout{

    constructor(context: Context) : this(context, null)

    constructor(context: Context, attributeSet: AttributeSet?) : this(context, attributeSet, 0)

    constructor(context: Context, attributeSet: AttributeSet?, defStyleAttr : Int) : super(context, attributeSet, defStyleAttr)

    init {
        LayoutInflater.from(context).inflate(R.layout.wc_discover_moments_view, this)
    }


    fun process(momentsBean: MomentsBean){
        momentsBean?.let {
            discover_moments_content.text = it.content
            discover_moments_time.text = CommonUtils.Date.getCurrentDate(it.addTime)
            BaseUtils.showAvatar(momentsBean.account, discover_moments_icon, discover_moments_name)

            if(it.type == CommonUtils.Moments.TYPE_PICTURE){
                //图片
                discover_moments_recyclerview.visibility = View.VISIBLE
                discover_moments_video.visibility = View.GONE
                discover_moments_video_icon.visibility = View.GONE

                //TagUtils.d("朋友圈图片：" + it.images)
                var imagesList = it.images.split(CommonUtils.Moments.FILE_PATH_MARK)
                var adapter = MomentsPublishAdapter(2, imagesList, object : WcOnItemClickInterface{
                    override fun onItemClick(obj: Any) {
                        TagUtils.d("点击：${obj}")
                        var imagePath = obj as String
                        var bundle = bundleOf(CommonUtils.Moments.TYPE_IMAGE_PATH to imagePath,
                            CommonUtils.Moments.TYPE_NAME to CommonUtils.Moments.TYPE_PICTURE,
                            CommonUtils.Chat.IS_HIDE_CONFIRM to true)
                        Navigation.findNavController(discover_moments_recyclerview).navigate(R.id.action_svideo_play, bundle)
                    }
                })
                var linearLayoutManager = GridLayoutManager(context , 3)
                //linearLayoutManager.orientation = LinearLayoutManager.HORIZONTAL
                discover_moments_recyclerview.layoutManager = linearLayoutManager
                discover_moments_recyclerview.adapter = adapter


            } else if(it.type == CommonUtils.Moments.TYPE_VIDEO){
                //小视频
                discover_moments_recyclerview.visibility = View.GONE
                if(File(momentsBean.videoLocal).exists()){
                    TagUtils.d("本地小视频存在：${momentsBean.videoLocal}")
                    //小视频文件存在， 直接显示播放
                    discover_moments_video_icon.visibility = View.GONE
                    discover_moments_video.visibility = View.VISIBLE
                    playVideo(momentsBean.videoLocal)

                    discover_moments_video.setOnClickListener {
                        showVideo(discover_moments_video, momentsBean.videoLocal)
                    }

                } else {
                    //小视频文件不存在， 默认先显示缩略图， 然后下载
                    discover_moments_video_icon.visibility = View.VISIBLE
                    discover_moments_video.visibility = View.GONE
                    GlideUtils.load(discover_moments_video_icon, CommonUtils.Base.getReallyImage(momentsBean.images))

                    var videoUrl = CommonUtils.Moments.getReallyImageUrl(momentsBean.video)
                    TagUtils.d("小视频地址：${momentsBean.video} , ${videoUrl}")
                    TagUtils.d("小视频缩略图：${momentsBean.images} , ${CommonUtils.Base.getReallyImage(momentsBean.images)}")
                    var  videoFile = FileUtils.getBaseFile(momentsBean.video)
                    VideoDownloadManager.download(videoUrl, videoFile, object : VideoDownloadInter{
                        override fun onDone(filePath: String) {
                            TagUtils.d("小视频下载完成：${filePath}")
                            CoroutineScope(Dispatchers.Main).launch {
                                discover_moments_video_icon.visibility = View.GONE
                                discover_moments_video.visibility = View.VISIBLE
                                momentsBean.videoLocal = filePath
                                playVideo(filePath)

                                CoroutineScope(Dispatchers.IO).launch {
                                    //更新到本地数据库
                                    MomentsRepository.updateMomentLocal(momentsBean)
                                }

                                discover_moments_video.setOnClickListener {
                                    showVideo(discover_moments_video, momentsBean.videoLocal)
                                }

                            }
                        }

                        override fun onError() {
                            CoroutineScope(Dispatchers.Main).launch {
                                TagUtils.d("小视频下载失败：${momentsBean.video}")
                            }
                        }

                        override fun onProgress(process: Int) {

                        }
                    })
                }

            } else {
                //文字
                discover_moments_recyclerview.visibility = View.GONE
                discover_moments_video.visibility = View.GONE
            }
        }
    }

    //点击查看小视频
    private fun showVideo(view: View, videoPath : String){
        var bundle = bundleOf(CommonUtils.Moments.TYPE_VIDEO_PATH to videoPath,
            CommonUtils.Moments.TYPE_NAME to CommonUtils.Moments.TYPE_VIDEO,
            CommonUtils.Chat.IS_HIDE_CONFIRM to true)
        Navigation.findNavController(view).navigate(R.id.action_svideo_play, bundle)
    }

    /**
     * 播放小视频
     * @param filePath String
     */
    private fun playVideo(filePath : String){
        discover_moments_video.setVideoPath(filePath)
        discover_moments_video.requestFocus()
        discover_moments_video.start()
        discover_moments_video.setOnCompletionListener {
            discover_moments_video.start()
        }
    }

}

六毛六66
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
Android-仿微信朋友圈展示图片的九宫格图片展示控件支持点击图片全屏预览大图
08-13
仿微信朋友圈展示图片的九宫格图片展示控件，支持点击图片全屏预览大图（可自定义）。
Invalid token LIMIT相关问题的分析
LiteHeaven的专栏
12-12 5347
背景： android11手机，targetVersion已经升上来了，读系统图片库，报如下错误： java.lang.IllegalArgumentException: Invalid token LIMIT 网上随手一搜，知道了原来在android11上，SQL最终在生成阶段会进行检查，直接在sortOrder字段中携带LIMIT是会被禁止的，这是为了防止注入攻击等。androidO上已经有了新的方法来解决这个问题。 解决： 既然是androidO就增加了，直接增加一个判断是不是就好了：
Android kotlin 实现仿微信朋友圈全文与收起功能(RecyclerView+BRVAH3.0.6+androidx)
彬sir哥的博客
05-08 2038
RecyclerView+BRVAH3.0.6+androidx
Android类似微信聊天页面教程(Kotlin)六——朋友圈
安卓开发&音视频开发
12-06 3581
Android类似微信聊天页面教程(Kotlin)六——朋友圈
ContentResolver.query流程分析
wangadping的博客
12-02 1387
ContentProvider查询流程
Android应用源码之高仿微信-IT计算机-毕业设计.zip
04-06
3. **用户界面设计**：高仿微信意味着需要创建类似微信的UI组件，如聊天页面、联系人列表、朋友圈等。这涉及到使用XML布局文件来定义界面元素，以及使用自定义View和Adapter来实现复杂交互。 4. **数据存储**：为了...
Android代码-仿微信朋友圈全文、完全采用kotlin编写。
08-06
仿微信朋友圈全文、收起的TextView，可在RecyclerView和ListView中使用，不会有错乱和空白问题。 欢迎各位star和提issues! 使用方法 1、引入 在你项目module的build.gradle中加入 implementation '...
安卓微信相关相关-高仿微信源码.rar
07-30
综合以上信息，这个压缩包主要包含了一个高仿微信的Android应用示例，源代码可以用来学习微信的一些核心功能实现，如登录、聊天、朋友圈等。对于开发者来说，这是一份宝贵的参考资料，可以帮助他们提高Android应用...
百度云下载地址-正版源码IM即时通讯原生APP高仿微信 价值9800-大小7.3M.rar
05-10
3. **高仿微信**：这意味着该源码可能包含了模仿微信设计和功能的界面布局、交互逻辑和核心功能，如聊天、朋友圈、群聊、视频通话等。开发者可能借鉴了微信的成功模式，以期创建一个类似的用户友好且功能丰富的应用...
Android应用源码之高仿微信.zip
09-03
由于只有一个文件名"Android应用源码之高仿微信"，这很可能是整个项目的压缩包名称，而非子文件列表。通常，这样的压缩包内会包含以下几个关键部分： 1. **源代码文件**：包括Android应用的主工程文件夹，里面会有`...
高仿 微信朋友圈源码
05-26
项目来自网络，里面被我完善了下，朋友圈的ui基本出来了，需要的自己拿去研究研究。
仿微信朋友圈Demo的服务器代码
03-15
RxJava2+Retrofit2+MVP+lamdba仿微信朋友圈Demo,专用的服务器代码
WeChat:高仿微信，实现了聊天页面和朋友圈页面
05-18
高仿微信 实现了聊天页面和朋友圈功能，包括朋友圈点赞和评论 朋友圈页面设计模式采用的是简书文章 中提及的方案三，文章中对三种不同的方案都有分析利弊 效果图：
最新微信朋友圈装逼神器源码 包含150个装逼效果
01-14
最新微信朋友圈装逼神器源码 包含150个装逼效果，下载上传至服务器即可使用
html5 仿朋友圈代码
09-12
html5 仿朋友圈代码，代码简单，比自己实现方便多了。
Android仿微信朋友圈5实现朋友圈列表
u012556114的博客
12-31 1万+
微信朋友圈网上有很多开源的例子，本文是自己手写，之前的几篇都是单个功能，感觉很零散，这次放出完整的点赞评论和朋友圈列表功能. 1.定义四种item类型，和后台接口匹配: 2.CircleAdapter实现代码: 部分核心代码截图: 完整代码： /** * @作者: njb * @时间: 2019/7/25 10:47 * @描述: 朋友圈适配器 */ public ...
使用registerForActivityResult接受从activity返回的数据
sometime here
06-02 3561
不要再用onActivityResult了，用更高级更方便的。 启动一个activity需要一个laucher，这个laucher由registerForActivityResult返回，这个方法需要两个参数，一个参数为一个抽象类——ActivityResultContract<I, O>的实现，另一个参数是一个函数式接口的实现(用一个lambda表达式来代替)。 第一个参数要实现...
ContentResolver.query方法的使用
I'm SuperLuo
02-26 8942
个人搞了个博客App，平时上个厕所，睡觉前等随便看两篇文章，总能有些收获，希望大家支持！http://blog.csdn.net/supluo/article/details/43489475 以下是文档上面的介绍： public final Cursor query (Uri uri, String[] projection, String selection, String
Android 学习笔记 Contacts （一）ContentResolver query 参数详解
热门推荐
Dake
11-06 8万+
1.获取联系人姓名 一个简单的例子，这个函数获取设备上所有的联系人ID和联系人NAME。 public void fetchAllContacts() { ContentResolver contentResolver = this.getContentResolver(); Cursor cursor = contentResolver.query(android.provid
could not find kotlin-reflect-1.8.10.jar (org.jetbrains.kotlin:kotlin-reflec
最新发布
01-07
第二个引用中显示了一个关于kotlin-gradle-1.8.10.jar (org.jetbrains.kotlin:kotlin-reflect)"，这个错误通常是由于Gradle无法找到所需的kotlin-reflect库而引起的。解决这个问题的方法是确保你的项目的Gradle配置...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

六毛六66

你的鼓励是我创作的最大动力！

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值