小编给大家分享一下如何使用Android仿微信多人音视频通话界面，相信大部分人都还不怎么了解，因此分享这篇文章给大家参考一下，希望大家阅读完这篇文章后大有收获，下面让我们一起去了解一下吧！
为佳木斯等地区用户提供了全套网页设计制作服务，及佳木斯网站建设行业解决方案。主营业务为
成都网站设计、成都做网站、佳木斯网站设计，以传统方式定制建设网站，并提供域名空间备案等一条龙服务，秉承以专业、用心的态度为用户提供真诚的服务。我们深信只要达到每一位用户的要求，就会得到认可，从而选择与我们长期合作。这样，我们也可以走得更远！
1、使用自定义ViewGroup方式实现
下面是三个人通话时候的效果，其他的可以参考微信多人音视频通话界面。
package com.dnaer.android.telephone.widgets;import android.content.Context;import android.os.Build;import android.support.annotation.RequiresApi;import android.util.AttributeSet;import android.util.DisplayMetrics;import android.view.View;import android.view.ViewGroup;import android.view.WindowManager;import com.anbetter.log.MLog;public class MultiVideoChatLayout extends ViewGroup implements CommLayoutAdapter.OnDataChangedListener { private CommLayoutAdapter mCommLayoutAdapter; private int mScreenWidth; //人数为2,3,4状态下的宽高度 private int mSizeModel1; //人数为5,6,7,8，9状态下的宽高度 private int mSizeModel2; public MultiVideoChatLayout(Context context) { this(context, null); } public MultiVideoChatLayout(Context context, AttributeSet attrs) { this(context, attrs, 0); } public MultiVideoChatLayout(Context context, AttributeSet attrs, int defStyleAttr) { super(context, attrs, defStyleAttr); initialize(context); } @RequiresApi(api = Build.VERSION_CODES.LOLLIPOP) public MultiVideoChatLayout(Context context, AttributeSet attrs, int defStyleAttr, int defStyleRes) { super(context, attrs, defStyleAttr, defStyleRes); initialize(context); } private void initialize(Context context) { WindowManager wm = (WindowManager) context.getSystemService(Context.WINDOW_SERVICE); DisplayMetrics metrics = new DisplayMetrics(); wm.getDefaultDisplay().getMetrics(metrics); mScreenWidth = metrics.widthPixels; mSizeModel1 = mScreenWidth / 2; mSizeModel2 = mScreenWidth / 3; } @Override protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) { //宽度默认给屏幕的宽度，高度直接取宽度，形成一个正方形 final int width = MeasureSpec.makeMeasureSpec(mScreenWidth, MeasureSpec.EXACTLY); final int height = MeasureSpec.makeMeasureSpec(mScreenWidth, MeasureSpec.EXACTLY); setMeasuredDimension(width, height); MLog.d("width: " + width + ", height:" + height); final int childWidth = MeasureSpec.makeMeasureSpec(mScreenWidth / 3, MeasureSpec.EXACTLY); final int childHeight = MeasureSpec.makeMeasureSpec(mScreenWidth / 3, MeasureSpec.EXACTLY); final int childWidth3 = MeasureSpec.makeMeasureSpec(mScreenWidth / 2, MeasureSpec.EXACTLY); final int childHeight2 = MeasureSpec.makeMeasureSpec(mScreenWidth / 2, MeasureSpec.EXACTLY); if (getChildCount() > 4) { for (int i = 0; i < getChildCount(); i++) { View child = getChildAt(i); child.measure(childWidth, childHeight); } } else { for (int i = 0; i < getChildCount(); i++) { View child = getChildAt(i); child.measure(childWidth3, childHeight2); } } } @Override protected void onLayout(boolean changed, int l, int t, int r, int b) { if (getChildCount() <= 4) { layoutModel1(); } else { layoutModel2(); } } private void layoutModel2() { int currentWidth = 0; for (int i = 0; i < getChildCount(); i++) { View item = getChildAt(i); if (i % 3 == 0) { currentWidth = 0; item.layout(0, i / 3 * mSizeModel2, mSizeModel2, i / 3 * mSizeModel2 + mSizeModel2); } else { item.layout(currentWidth + mSizeModel2, i / 3 * mSizeModel2, currentWidth + 2 * mSizeModel2, i / 3 * mSizeModel2 + mSizeModel2); currentWidth = currentWidth + mSizeModel2; } } } private void layoutModel1() { if (getChildCount() == 3) { for (int i = 0; i < getChildCount(); i++) { View item = getChildAt(i); MLog.d("width: " + item.getMeasuredWidth() + ", height: " + item.getMeasuredHeight() + ", mSizeModel1: " + mSizeModel1); if (i == 0) { item.layout(0, 0, mSizeModel1, mSizeModel1); } else if (i == 1) { item.layout(mSizeModel1, 0, mSizeModel1 * 2, mSizeModel1); } else if (i == 2) { item.layout(mSizeModel1 / 2, mSizeModel1, mSizeModel1 + mSizeModel1 / 2, mSizeModel1 * 2); } } } else { for (int i = 0; i < getChildCount(); i++) { View item = getChildAt(i); if (i % 2 == 0) { item.layout(0, i / 2 * mSizeModel1, mSizeModel1, i / 2 * mSizeModel1 + mSizeModel1); } else { item.layout(mSizeModel1, i / 2 * mSizeModel1, 2 * mSizeModel1, i / 2 * mSizeModel1 + mSizeModel1); } } } } public void setAdapter(CommLayoutAdapter adapter) { mCommLayoutAdapter = adapter; mCommLayoutAdapter.setOnDataChangedListener(this); changedAdapter(); } @Override public void onChanged() { changedAdapter(); } private void changedAdapter() { removeAllViews(); CommLayoutAdapter layoutAdapter = mCommLayoutAdapter; for (int i = 0; i < layoutAdapter.getCount(); i++) { View view = layoutAdapter.getView(this, i, layoutAdapter.getItem(i)); view.setDuplicateParentStateEnabled(true); addView(view); } }}2、使用自定义LayoutManager方式实现
package org.fireking.customgridlayoutmanagerimport android.content.res.Resourcesimport android.support.v7.widget.RecyclerViewimport java.lang.IllegalArgumentExceptionclass MultiChatLayoutManager : RecyclerView.LayoutManager() { private var leftMargin = 0 private var rightMargin = 0 private var mScreenWidth = 0 override fun generateDefaultLayoutParams(): RecyclerView.LayoutParams { return RecyclerView.LayoutParams(RecyclerView.LayoutParams.WRAP_CONTENT, RecyclerView.LayoutParams.WRAP_CONTENT) } override fun onLayoutChildren(recycler: RecyclerView.Recycler?, state: RecyclerView.State?) { super.onLayoutChildren(recycler, state) if (itemCount == 0) { detachAndScrapAttachedViews(recycler!!) return } if (childCount == 0 && state!!.isPreLayout) { return } val params = recycler!!.getViewForPosition(0).layoutParams as RecyclerView.LayoutParams leftMargin = params.leftMargin rightMargin = params.rightMargin detachAndScrapAttachedViews(recycler) layoutItem(recycler) } private fun layoutItem(recycler: RecyclerView.Recycler) { if (itemCount > 9) { throw IllegalArgumentException("${javaClass.simpleName}最多支持9个item布局， 请检查你的item个数是否正确") } mScreenWidth = Resources.getSystem().displayMetrics.widthPixels val itemSize = if (itemCount > 4) { mScreenWidth / 3 } else { mScreenWidth / 2 } if (itemCount <= 4) { if (itemCount == 3) { for (i in 0 until itemCount) { val view = recycler.getViewForPosition(i) addView(view) // 因为detach过所以重新添加 measureChildWithMargins(view, 0, 0) when (i) { 0 -> layoutDecoratedWithMargins(view, 0, 0, itemSize, itemSize) 1 -> layoutDecoratedWithMargins(view, itemSize, 0, itemSize * 2, itemSize) else -> layoutDecoratedWithMargins( view, itemSize / 2, itemSize, itemSize + itemSize / 2, itemSize * 2 ) } } } else { for (i in 0 until itemCount) { val view = recycler.getViewForPosition(i) addView(view) // 因为detach过所以重新添加 measureChildWithMargins(view, 0, 0) if (i % 2 == 0) { layoutDecoratedWithMargins(view, 0, i / 2 * itemSize, itemSize, i / 2 * itemSize + itemSize) } else { layoutDecoratedWithMargins( view, itemSize, i / 2 * itemSize, 2 * itemSize, i / 2 * itemSize + itemSize ) } } } } else { var currentWidth = 0 for (i in 0 until itemCount) { val view = recycler.getViewForPosition(i) addView(view) // 因为detach过所以重新添加 measureChildWithMargins(view, 0, 0) if (i % 3 == 0) { currentWidth = 0 layoutDecoratedWithMargins(view, 0, i / 3 * itemSize, itemSize, i / 3 * itemSize + itemSize) } else { layoutDecoratedWithMargins( view, currentWidth + itemSize, i / 3 * itemSize, currentWidth + 2 * itemSize, i / 3 * itemSize + itemSize ) currentWidth += itemSize } } } } //因为这个布局不需要有滚动，所以直接将横竖两个方向的滚动全部取消了 override fun canScrollHorizontally(): Boolean { return false } override fun canScrollVertically(): Boolean { return false }}以上是“如何使用Android仿微信多人音视频通话界面”这篇文章的所有内容，感谢各位的阅读！相信大家都有了一定的了解，希望分享的内容对大家有所帮助，如果还想学习更多知识，欢迎关注创新互联行业资讯频道！
文章名称：如何使用Android仿微信多人音视频通话界面-创新互联
本文URL：
http://cdkjz.cn/article/copese.html
