为使社区界面风格与你的游戏风格更贴近,你可以通过本文提供的方法,定制一套专属于你游戏的KTplay社区。
1.iOS定制方法
1.1 定制颜色
1.2 定制图片
- 打开SDK文件夹下的ktplay.bundle
- 打开文件夹image/iphone,所有图片资源都放置在此文件夹下,根据需要替换成你自己的图片。(注意:图片文件名包含@2x,@3x等后缀以适配不同屏幕清晰度,替换时需要都替换)
- 建议优先定制下列图片
- tab_background 导航栏背景
- tab_blank_selected 导航项选中时的背景
- 以tab_开头的其他图片(导航项图片),名称中包含_selected的为选中状态。
2.Android定制方法
2.1 定制颜色
- 进入KTplay SDK文件夹,打开文件res/valuse/kryptanium_theme_colors_default.xml
- 文件中包含所有可定制的颜色,颜色文件格式采用的是ARGB的格式,具体细节请参考附录颜色说明和颜色图例。
- 建议优先定制下列颜色值
- kt_theme_color 主题颜色
- kt_theme_navigationbar_background 导航栏背景
- kt_theme_navigationitem_selected 导航项选中颜色
2.2 定制图片
- 进入KTplaySDK文件夹。
- 打开文件夹res/drawable-xhdpi-v4,所有图片资源都放置在此文件夹下,根据需要替换成你自己的图片。
- 建议优先定制下列图片
- 以kryptanium_tabindicator_开头的图片(导航项图片),名称中包含_select的为选中状态。
3.注意事项
- 替换图片时,不要改变图片的文件名。
- 替换图片时,不要改变图片的原始尺寸。
- 具体定制过哪些文件,建议做个记录,以便在SDK版本升级时,能将上个版本的定制文件应用到新的SDK版本中。
- 版本升级时,将变更过的颜色值更新到新版,不要直接覆盖文件(新版可能增加条目),颜色值格式为ARGB。
4.更新SDK版本
- 备份旧版本的SDK
重命名或者将旧版本SDK保存到别的目录。 - 更新新版本SDK
将新版本SDK导入到项目。 - 将以下修改过的文件从旧版本的文件路径拷贝至新版本SDK对应路径,颜色值和图片需要开发者自行保证旧版本与新版本的颜色个数或文件个数相同。
- Android
- 拷贝 res/values/kryptanium_theme_colors_default.xml ,将对应字段进行更新
- 拷贝 res/drawable-xhdpi-v4路径下修改过的图片
- Android
- IOS
- 拷贝KTPlay/ktplay.bundle/color, 比较对应字段进行更新
- 拷贝 res/drawable-xhdpi-v4路径下修改过的图片
附录1 颜色说明
颜色名 | 用途描述 |
---|---|
kt_theme_color | 主题颜色,请设置为跟游戏主题风格一致。 控制范围: - 按钮背景 - 链接文字 - 高亮文字 - Loading动画背景 - 播放器进度条背景 |
kt_theme_background | 总背景颜色 |
kt_theme_navigationbar_background | 导航条背景颜色 iOS使用图片实现,无此项 |
kt_theme_navigationitem_selected | 导航按钮选中颜色 iOS使用图片实现,无此项 |
kt_theme_titlebar_background | 标题栏背景颜色 |
kt_theme_color_disabled | 各类控件被禁用时的背景颜色,例如:按钮无法点击时 |
kt_theme_section_background | 区块背景颜色 控制范围: - 首页几个分块(热门图片/视频/专题等) - 所有以卡片样式展示的内容 |
kt_theme_headsection_background | 被强调的区块背景颜色 控制范围: - 首页热门话题 - 首页热门话题 - 嵌入话题中的分享/投票等活动内容 |
kt_theme_listitem_background | 列表项背景色 |
kt_theme_listitem_dividercolor | 分隔线颜色 |
kt_theme_popup_background | 弹出框背景颜色 |
kt_theme_popup_border | 弹出框边线颜色 |
kt_theme_highlighted_item_background | 高亮条目背景色 控制范围 - 从个人通知点入回复详情中的高亮条目 - 进入好友页的新的好友请求栏 - 投票界面,已选择的投票项目 |
kt_theme_imageloading_placeholder_background | 图片下载过程中占位区域的背景色 |
kt_theme_subtitle_background | 二级标题栏背景颜色 |
kt_theme_title_textcolor | 各类标题文字颜色 |
kt_theme_primary_textcolor | 主要文字颜色 |
kt_theme_primary_textcolor_dark | 暗色背景下的主要文字颜色 |
kt_theme_secondary_textcolor | 次要文字颜色 |
kt_theme_secondary_textcolor_dark | 暗色背景下的次要文字颜色 |
kt_theme_hint_textcolor | 提示文字颜色 |
附录2 颜色图例
0 评论