本文介绍如何自定义音视频呼叫页面、音视频通话页面、会话列表和聊天界面的 UI。

1 对 1 娱乐社交场景方案中的呼叫页面及音视频通话页面均由 UIView 实现，通过切换不同的 UIView 来实现呼叫 UI 与通话中 UI 的切换。

自定义呼叫页面

呼叫页面包括主叫和被叫，统一由 NEOneOnOneConnectingView 实现。您可以通过修改该文件来自定义UI样式。

NEOneOnOneConnectingView 对应的UI元素如下表所示。

资源 ID	描述
backGroundImageView	背景图
remoteImageView	对方头像
whiteCircleView	对方头像外围白圈
remoteNameLabel	对方昵称
connectingStatusLabel	对方昵称下方的副标题（正在连接对方...）
connectingStatusDescLabel	对方昵称下方的副标题（每个人都会遇见那个TA）
cancelView	主叫挂断按钮布局
rejectView	被叫拒绝的布局
acceptView	被叫接听的布局
audioButtomView	音频通话中底部视图

自定义视频通话中页面

视频通话页面包括主叫和被叫，统一由 NEOneOnOneVideoConnectedView 实现。您可以通过修改该文件来自定义UI样式。

NEOneOnOneVideoConnectedView 对应的UI元素如下表所示。

资源 ID	描述
iconImageView	对方头像
videoButtomView	视频通话中底部视图
nameLabel	对方昵称
videoChangeButton	大小图点击切换按钮
videoCloseView	关闭视频按钮视图
videoClose	关闭视频按钮
localVideoBlackView	小图关闭视频黑色视图
localVideoCloseLabel	小图关闭视频黑色视图文案
remoteVideoBlackView	大图关闭视频黑色视图
remoteVideoCloseLabel	大图关闭视频黑色视图文案
remoteVideoImageView	大图视频关闭背景图
smallEffectView	小图高斯模糊
largeEffectView	大图高斯模糊

自定义会话列表的 UI

在 1 对 1 娱乐社交示例项目源码中，会话列表由 NEOneOnOneConversationsViewController 实现，该页面基于 IM UIKit 实现。如果您需要更加个性化的定制，请基于 IM UIKit 进行自定义 UI，具体请参见自定义会话列表界面 UI。

资源 ID	描述
NEOneOnOneConversationsViewController	带导航栏的整个会话列表视图
NEOneOnOneConversationsListViewController	会话列表视图

自定义聊天界面的 UI

在 1 对 1 娱乐社交示例项目源码中，聊天界面由 NEOneOnOneChatP2PViewController 实现，您可以通过修改该文件来自定义UI样式。如果您需要更加个性化的定制，您也可以基于 IM UIKit 进行自定义 UI，具体请参见自定义会话消息 UI。

资源 ID	描述
headerView	顶部视图
audioInputingView	语音输入中视图
hotTopicView	热聊话题
reportView	举报视图
quickReplayView	快速回复视图
busyView	忙碌视图
audioExchangeButton	语音文字切换按钮
emojiButton	表情按钮
giftButton	礼物按钮
audioInputButton	语音输入按钮

实现音视频提示、违规消息提示、自定义消息提示的具体方法请参考实现1对1消息。