SDK有一个开箱即用的UI,需要一个材质设计主题(即,一种样式从<代码data-garden-id="typography.code" data-garden-version="8.39.0" class="sc-eKYRIR sc-bTDOke bpSbjj iFHZBF">主题。MaterialComponents代码>).SDK尊重浅色、深色和带有深色操作栏主题的浅色。的<代码data-garden-id="typography.code" data-garden-version="8.39.0" class="sc-eKYRIR sc-bTDOke bpSbjj iFHZBF">colorPrimary代码>,<代码data-garden-id="typography.code" data-garden-version="8.39.0" class="sc-eKYRIR sc-bTDOke bpSbjj iFHZBF">colorPrimaryDark代码>,<代码data-garden-id="typography.code" data-garden-version="8.39.0" class="sc-eKYRIR sc-bTDOke bpSbjj iFHZBF">colorAccent代码>属性是由SDK使用的,所以它将继承材料主题从你的应用程序。你可以扩展一个SDK主题如下:
<年代p一个n>风格年代p一个n>名字年代p一个n>=年代p一个n>"年代p一个n>YourLightTheme年代p一个n>"年代p一个n>父年代p一个n>=年代p一个n>"年代p一个n>亚博ZendeskSdkTheme。光年代p一个n>"年代p一个n>>年代p一个n>
…年代p一个n>
年代p一个n>风格年代p一个n>>年代p一个n>
<年代p一个n>风格年代p一个n>名字年代p一个n>=年代p一个n>"年代p一个n>YourDarkTheme年代p一个n>"年代p一个n>父年代p一个n>=年代p一个n>"年代p一个n>亚博ZendeskSdkTheme。黑暗年代p一个n>"年代p一个n>>年代p一个n>
…年代p一个n>
年代p一个n>风格年代p一个n>>年代p一个n>
<年代p一个n>风格年代p一个n>名字年代p一个n>=年代p一个n>"年代p一个n>YourLightTheme。DarkActionBar年代p一个n>"年代p一个n>父年代p一个n>=年代p一个n>"年代p一个n>亚博ZendeskSdkTheme.Light.DarkActionBar年代p一个n>"年代p一个n>>年代p一个n>
…年代p一个n>
年代p一个n>风格年代p一个n>>年代p一个n>
然后,您可以在您的<代码data-garden-id="typography.code" data-garden-version="8.39.0" class="sc-eKYRIR sc-bTDOke bpSbjj iFHZBF">AndroidManifest.xml代码>如下:
<?XML版本="1.0"编码="utf-8"?>年代p一个n>
<年代p一个n>清单年代p一个n>xmlns:年代p一个n>安卓年代p一个n>=年代p一个n>"年代p一个n>http://schemas.android.com/apk/res/android年代p一个n>"年代p一个n>
包年代p一个n>=年代p一个n>"年代p一个n>com.亚博zendesk.example年代p一个n>"年代p一个n>>年代p一个n>
…年代p一个n>
<年代p一个n>应用程序年代p一个n>
…年代p一个n>
android:年代p一个n>主题年代p一个n>=年代p一个n>"年代p一个n>@style / YourLightTheme年代p一个n>"年代p一个n>
…年代p一个n>
/>年代p一个n>
…年代p一个n>
年代p一个n>清单年代p一个n>>年代p一个n>
或者,如果你不想在应用程序级别设置主题,那么你将需要执行以下操作:
<?XML版本="1.0"编码="utf-8"?>年代p一个n>
<年代p一个n>清单年代p一个n>xmlns:年代p一个n>安卓年代p一个n>=年代p一个n>"年代p一个n>http://schemas.android.com/apk/res/android年代p一个n>"年代p一个n>
包年代p一个n>=年代p一个n>"年代p一个n>com.亚博zendesk.example年代p一个n>"年代p一个n>>年代p一个n>
…年代p一个n>
<年代p一个n>应用程序年代p一个n>…年代p一个n>>年代p一个n>
<年代p一个n>活动年代p一个n>android:年代p一个n>名字年代p一个n>=年代p一个n>"年代p一个n>亚博zendesk.support.guide.HelpCenterActivity年代p一个n>"年代p一个n>
android:年代p一个n>主题年代p一个n>=年代p一个n>"年代p一个n>@style / YourLightTheme年代p一个n>"年代p一个n>/>年代p一个n>
<年代p一个n>活动年代p一个n>android:年代p一个n>名字年代p一个n>=年代p一个n>"年代p一个n>亚博zendesk.support.guide.ViewArticleActivity年代p一个n>"年代p一个n>
android:年代p一个n>主题年代p一个n>=年代p一个n>"年代p一个n>@style / YourLightTheme年代p一个n>"年代p一个n>/>年代p一个n>
<年代p一个n>活动年代p一个n>android:年代p一个n>名字年代p一个n>=年代p一个n>"年代p一个n>亚博zendesk.support.request.RequestActivity年代p一个n>"年代p一个n>
android:年代p一个n>主题年代p一个n>=年代p一个n>"年代p一个n>@style / YourLightTheme年代p一个n>"年代p一个n>/>年代p一个n>
<年代p一个n>活动年代p一个n>android:年代p一个n>名字年代p一个n>=年代p一个n>"年代p一个n>亚博zendesk.support.requestlist.RequestListActivity年代p一个n>"年代p一个n>
android:年代p一个n>主题年代p一个n>=年代p一个n>"年代p一个n>@style / YourLightTheme年代p一个n>"年代p一个n>/>年代p一个n>
年代p一个n>应用程序年代p一个n>>年代p一个n>
…年代p一个n>
年代p一个n>清单年代p一个n>>年代p一个n>
使用自己的主题
如果您不扩展SDK主题,您仍然必须应用从扩展的主题<代码data-garden-id="typography.code" data-garden-version="8.39.0" class="sc-eKYRIR sc-bTDOke bpSbjj iFHZBF">主题。MaterialComponents代码>SDK<代码data-garden-id="typography.code" data-garden-version="8.39.0" class="sc-eKYRIR sc-bTDOke bpSbjj iFHZBF">活动代码>类。中,您可以为请求列表图标指定自己的绘图<代码data-garden-id="typography.code" data-garden-version="8.39.0" class="sc-eKYRIR sc-bTDOke bpSbjj iFHZBF">HelpCenterActivity代码>的<代码data-garden-id="typography.code" data-garden-version="8.39.0" class="sc-eKYRIR sc-bTDOke bpSbjj iFHZBF">工具栏代码>.注意,绘图已经有了浅色和深色版本。
<年代p一个n>风格年代p一个n>名字年代p一个n>=年代p一个n>"年代p一个n>YourLightTheme年代p一个n>"年代p一个n>父年代p一个n>=年代p一个n>"年代p一个n>Theme.MaterialComponents.Light年代p一个n>"年代p一个n>>年代p一个n>
<年代p一个n>项年代p一个n>名字年代p一个n>=年代p一个n>"年代p一个n>zs_helpConversationsIcon年代p一个n>"年代p一个n>>年代p一个n>@drawable / my_help_conversations_icon_light年代p一个n>年代p一个n>项年代p一个n>>年代p一个n>
<年代p一个n>项年代p一个n>名字年代p一个n>=年代p一个n>"年代p一个n>colorPrimary年代p一个n>"年代p一个n>>年代p一个n>@color / my_color_primary年代p一个n>年代p一个n>项年代p一个n>>年代p一个n>
<年代p一个n>项年代p一个n>名字年代p一个n>=年代p一个n>"年代p一个n>colorPrimaryDark年代p一个n>"年代p一个n>>年代p一个n>@color / my_color_primary_dark年代p一个n>年代p一个n>项年代p一个n>>年代p一个n>
<年代p一个n>项年代p一个n>名字年代p一个n>=年代p一个n>"年代p一个n>colorAccent年代p一个n>"年代p一个n>>年代p一个n>@color / my_color_accent年代p一个n>年代p一个n>项年代p一个n>>年代p一个n>
年代p一个n>风格年代p一个n>>年代p一个n>
改变每个组件的外观
下面的示例描述了如何更改组件的外观。如果希望自定义超出主题中指定内容的组件,请找到要自定义的组件并查看<年代trong>布局年代trong>而且<年代trong>值年代trong>Support SDK的目录。这些目录包含了SDK布局和样式的所有源代码。要查找这些目录:
包括我们的SDK<年代trong>build.gradle年代trong>文件,详见<一个href="//www.ying8.net/developer/documentation/classic-web-widget-sdks/support-sdk/android/nutshell/">简单地支持SDK一个>.李><李data-garden-id="typography.ordered_list_item" data-garden-version="8.39.0" class="sc-eKYRIR sc-GvhzO jwhztf ftmEEP">构建您的项目。李><李data-garden-id="typography.ordered_list_item" data-garden-version="8.39.0" class="sc-eKYRIR sc-GvhzO jwhztf ftmEEP">在Android Studio的项目视图中查看项目结构。这意味着使用左边的文件树窗格并进行选择<年代trong>项目年代trong>从顶部的下拉菜单,默认为<年代trong>安卓年代trong>.李>
- 开放<年代trong>外部库年代trong>在模块列表的底部找到Support SDK的目录。李>
所有SDK布局文件都包含在<年代trong>布局年代trong>目录<年代trong>res年代trong>目录下的支持SDK包。
注意:年代trong>找到想要覆盖的布局后,复制文件并粘贴到自己的布局中<代码data-garden-id="typography.code" data-garden-version="8.39.0" class="sc-eKYRIR sc-bTDOke bpSbjj iFHZBF">res /布局代码>文件夹名称相同。只有对这个新文件所做的更改才会显示在应用程序中。
组件 | 布局文件描述
HelpCenterActivity道明><道明data-garden-id="tables.cell" data-garden-version="8.39.0" class="sc-gstuGz fqVtGN">zs_activity_support.xml道明><道明data-garden-id="tables.cell" data-garden-version="8.39.0" class="sc-gstuGz fqVtGN">SDK的主活动,显示帮助中心内容和链接到所有其他活动道明> |
RequestActivity道明><道明data-garden-id="tables.cell" data-garden-version="8.39.0" class="sc-gstuGz fqVtGN">zs_activity_request.xml道明><道明data-garden-id="tables.cell" data-garden-version="8.39.0" class="sc-gstuGz fqVtGN">用于创建、查看和更新请求的活动道明>
RequestListActivity道明><道明data-garden-id="tables.cell" data-garden-version="8.39.0" class="sc-gstuGz fqVtGN">zs_activity_request_list.xml道明><道明data-garden-id="tables.cell" data-garden-version="8.39.0" class="sc-gstuGz fqVtGN">活动,显示请求列表道明>
ViewArticleActivity道明><道明data-garden-id="tables.cell" data-garden-version="8.39.0" class="sc-gstuGz fqVtGN">zs_activity_view_article.xml道明><道明data-garden-id="tables.cell" data-garden-version="8.39.0" class="sc-gstuGz fqVtGN">显示“帮助中心”文章的活动道明>表格>
更改帮助中心文章的样式要自定义文章样式,请通过创建名为<代码data-garden-id="typography.code" data-garden-version="8.39.0" class="sc-eKYRIR sc-bTDOke bpSbjj iFHZBF">help_center_article_style.css代码>并覆盖下面列出的样式定义。
超文本标记语言年代p一个n>,年代p一个n>身体年代p一个n>,年代p一个n>div年代p一个n>,年代p一个n>跨度年代p一个n>,年代p一个n>小应用程序年代p一个n>,年代p一个n>对象年代p一个n>,年代p一个n>iframe年代p一个n>,年代p一个n>h1年代p一个n>,年代p一个n>h2年代p一个n>,年代p一个n>h3年代p一个n>,年代p一个n>h4年代p一个n>,年代p一个n>h5年代p一个n>,年代p一个n>编辑年代p一个n>,年代p一个n>p年代p一个n>,年代p一个n>引用年代p一个n>,年代p一个n>精准医疗年代p一个n>,年代p一个n>一个年代p一个n>,年代p一个n>简写的年代p一个n>,年代p一个n>首字母缩写年代p一个n>,年代p一个n>地址年代p一个n>,年代p一个n>大年代p一个n>,年代p一个n>引用年代p一个n>,年代p一个n>代码年代p一个n>,年代p一个n>▽年代p一个n>,年代p一个n>dfn年代p一个n>,年代p一个n>新兴市场年代p一个n>,年代p一个n>img年代p一个n>,年代p一个n>ins年代p一个n>,年代p一个n>kbd年代p一个n>,年代p一个n>问年代p一个n>,年代p一个n>年代年代p一个n>,年代p一个n>桑普年代p一个n>,年代p一个n>小年代p一个n>,年代p一个n>罢工年代p一个n>,年代p一个n>强大的年代p一个n>,年代p一个n>子年代p一个n>,年代p一个n>吃晚饭年代p一个n>,年代p一个n>tt年代p一个n>,年代p一个n>var年代p一个n>,年代p一个n>b年代p一个n>,年代p一个n>u年代p一个n>,年代p一个n>我年代p一个n>,年代p一个n>中心年代p一个n>,年代p一个n>戴斯。莱纳姆:年代p一个n>,年代p一个n>dt年代p一个n>,年代p一个n>dd年代p一个n>,年代p一个n>ol年代p一个n>,年代p一个n>ul年代p一个n>,年代p一个n>李年代p一个n>,年代p一个n>自定义字段年代p一个n>,年代p一个n>形式年代p一个n>,年代p一个n>标签年代p一个n>,年代p一个n>传说年代p一个n>,年代p一个n>表格年代p一个n>,年代p一个n>标题年代p一个n>,年代p一个n>tbody年代p一个n>,年代p一个n>tfoot年代p一个n>,年代p一个n>thead年代p一个n>,年代p一个n>tr年代p一个n>,年代p一个n>th年代p一个n>,年代p一个n>道明年代p一个n>,年代p一个n>文章年代p一个n>,年代p一个n>一边年代p一个n>,年代p一个n>帆布年代p一个n>,年代p一个n>细节年代p一个n>,年代p一个n>嵌入年代p一个n>,年代p一个n>数字年代p一个n>,年代p一个n>figcaption年代p一个n>,年代p一个n>页脚年代p一个n>,年代p一个n>头年代p一个n>,年代p一个n>hgroup年代p一个n>,年代p一个n>菜单年代p一个n>,年代p一个n>导航年代p一个n>,年代p一个n>输出年代p一个n>,年代p一个n>鲁比(人名)年代p一个n>,年代p一个n>部分年代p一个n>,年代p一个n>总结年代p一个n>,年代p一个n>时间年代p一个n>,年代p一个n>马克年代p一个n>,年代p一个n>音频年代p一个n>,年代p一个n>视频年代p一个n>{年代p一个n>边境年代p一个n>:年代p一个n>0年代p一个n>;年代p一个n>字体大小年代p一个n>:年代p一个n>One hundred.年代p一个n>%年代p一个n>;年代p一个n>字体年代p一个n>:年代p一个n>继承年代p一个n>;年代p一个n>vertical-align年代p一个n>:年代p一个n>基线年代p一个n>;年代p一个n>保证金年代p一个n>:年代p一个n>0年代p一个n>;年代p一个n>填充年代p一个n>:年代p一个n>0年代p一个n>}年代p一个n>文章年代p一个n>,年代p一个n>一边年代p一个n>,年代p一个n>细节年代p一个n>,年代p一个n>figcaption年代p一个n>,年代p一个n>数字年代p一个n>,年代p一个n>页脚年代p一个n>,年代p一个n>头年代p一个n>,年代p一个n>hgroup年代p一个n>,年代p一个n>菜单年代p一个n>,年代p一个n>导航年代p一个n>,年代p一个n>部分年代p一个n>{年代p一个n>显示年代p一个n>:年代p一个n>块年代p一个n>}年代p一个n>身体年代p一个n>{年代p一个n>行高年代p一个n>:年代p一个n>1年代p一个n>}年代p一个n>引用年代p一个n>,年代p一个n>问年代p一个n>{年代p一个n>报价年代p一个n>
| | |