本文基于电商直播开源Demo示例,介绍iOS观众端开发的前提条件、Demo源码下载和页面布局介绍。
前提条件
已完成iOS端互动直播低代码集成(含UI)。
下载Demo源码
UI自定义
iOS端电商直播UI的适配是在互动直播低代码集成的基础上,屏蔽低代码集成SDK自带的默认UI,再参考电商直播iOS观众端开源代码来实现自有业务相关UI。此部分开源代码的简介如下。
- ASLUKECommerceLiveRoomWrapper是整个UI样式的入口类。
- 在下面的函数中,提供了ASLUKECommerceLiveRoomWrapper中进行样板间入口类ASLRBLiveRoomViewController初始化的逻辑。
- (void)setupLiveRoomWithAppID:(NSString*)appID appKey:(NSString*)appKey appServerUrl:(NSString*)serverUrl appServerSecret:(NSString*)secret liveID:(NSString*)liveID userID:(NSString*)userID userNick:(NSString*)userNick onSuccess:(void(^)(UIViewController* liveRoomViewController))onSuccess onFailure:(void(^)(NSString* errorMessage))onFailure;
- 在[ASLUKECommerceLiveRoomWrapper p_customizeLiveRoomVC]函数中,可完成电商直播各个区域UI的设置,如下图所示。