本文列出了Android SDK UI可自定義以及不可自定義的內(nèi)容列表，以及自定義的實(shí)現(xiàn)方法，如有疑問請(qǐng)聯(lián)系我方交付中心的研發(fā)人員。

Android SDK 自定義UI

提示：本文所提到的圖片替換，需要遵循規(guī)則：自定義圖片的名稱和尺寸與原來圖片的必須保持一致。

Android SDK哪些界面可以UI自定義？

對(duì)小能Android SDK幾大界面做了分割，分割成7大模塊，如下圖：

一、聊天主界面

聊天主頁(yè)面可修改的UI包括：

標(biāo)1：標(biāo)題的藍(lán)色背景在colors.xml中的chat_activity_bar，同時(shí)這個(gè)值也是留言頁(yè)面的標(biāo)題背景色，下面會(huì)提到。返回箭頭：nt_chat_keyback_white.png，結(jié)束會(huì)話id為nt_tv_chat_close，頭像id為nt_iv_newchatwindow_kficon。默認(rèn)頭像為nt_cust_serv.png。在nt_head_view.xml中可以將圓形頭像gone掉。

注意！在點(diǎn)擊頭像之后會(huì)展示出一個(gè)客服詳細(xì)信息的界面，布局為nt_newchatwindow_kfdetail.xml，該界面頂部會(huì)顯示一個(gè)企業(yè)名稱id為nt_tv_corporation_name_small和nt_tv_corporation_name_big；界面背景色是一張藍(lán)色圖片nt_kefu_background.png，客服的名字id為nt_tv_newchatwindow_kfname_detail。

標(biāo)2：2的背景色為一張圖片nt_chat_background.png，id為nt_background_chatarea。

標(biāo)3：布局為nt_chat_operator_frame.xml，輸入框上面的藍(lán)色波浪cn.ntalker.chatoperator.wave.JDWaveView，id為wv，可以gone掉。

標(biāo)4：商品詳情功能，具體可以操作文檔中商品條自定義。

標(biāo)5：點(diǎn)擊加號(hào)“+”顯示的布局為nt_chat_operator_fragment_func.xml，背景色為@color/xn_centercontent；點(diǎn)擊表情圖標(biāo)顯示的布局為nt_chat_operator_fragment_emoji.xml，背景色id為ll_facechoose，色值為#fff。

標(biāo)6：評(píng)價(jià)界面的布局nt_activity_valuationpage.xml，具體的UI參數(shù)請(qǐng)?jiān)诖藊ml中查找。

標(biāo)7：留言界面的布局為nt_activity_leavemsgpage.xml，頂部標(biāo)題布局為nt_leave_titlebar，藍(lán)色背景色色值為color/chat_activity_bar，留言兩個(gè)字的id為tv_leave_msg_title，關(guān)閉兩個(gè)字id為tv_closeleave；提交按鈕的id為tv_submit。

1:導(dǎo)航欄

2:消息區(qū)

3:輸入欄

4:商品條

5:擴(kuò)展功能區(qū)

6:評(píng)價(jià)

7:留言

這些模塊都有自定義的支持，基本覆蓋了常見UI的自定義情況。

可自定義的內(nèi)容：

導(dǎo)航欄 ：背景色、默認(rèn)按鈕圖片、按鈕上文字、增加新的自定義功能按鈕(如客服電話、設(shè)置、店鋪等)。

消息區(qū)：背景色、消息氣泡圖片、狀態(tài)提示語類圖片(如斷網(wǎng)提示)

輸入欄：顯示按鈕圖片

加號(hào)功能擴(kuò)展區(qū)：顯示按鈕的圖片、主題文字、增加新的自定義功能按鈕(如訂單、物流查詢等)

評(píng)價(jià)：背景色、圖片

留言：背景色、圖片

商品條：自定義商品View展示樣式

Android SDK自定義UI誰可以實(shí)現(xiàn)？

UI自定義從執(zhí)行者角度分為兩種：

一、集成技術(shù)人員對(duì)SDK端進(jìn)行操作的自定義；

二、客服端負(fù)責(zé)人對(duì)客服端配置從而實(shí)現(xiàn)SDK端部分功能動(dòng)態(tài)改變的自定義。

本文也會(huì)分別從該兩個(gè)方面詳細(xì)介紹。

Android SDK自定義UI如何實(shí)現(xiàn)？

一、集成技術(shù)人員對(duì)SDK端進(jìn)行操作的自定義

目前集成技術(shù)人員對(duì)SDK端UI自定義分為三大類：主題色的自定義、功能按鈕的自定義、商品條自定義。

主題色的自定義

屬于主題自定義的模塊：導(dǎo)航欄(背景色、圖片)、消息區(qū)、評(píng)價(jià)、留言(主題色)、擴(kuò)展功能區(qū)(圖片、主題)

為了幫助集成小能SDK的客戶快速實(shí)現(xiàn)主題色的切換，我們?cè)跀U(kuò)展功能鍵區(qū)增加設(shè)置按鈕，如下圖所示：

點(diǎn)擊該”設(shè)置“按鈕，進(jìn)入設(shè)置界面，會(huì)看到”自定義皮膚“的按鈕，點(diǎn)擊會(huì)進(jìn)入皮膚主題選擇界面，目前SDK提供了兩套主題，如下圖：

主題圖片資源如果需要替換需要提供圖片資源給集成技術(shù)人員.

當(dāng)切換主題時(shí)，導(dǎo)航、消息區(qū)、功能擴(kuò)展區(qū)、評(píng)價(jià)、留言的主題背景色都會(huì)隨之改變。

所有圖片均可自定義

如果不更換主題資源，而是只更換其中某個(gè)或某些圖片，可以在“res\layout\drawable-xhdpi”中，替換相應(yīng)的圖片，注意不要改變圖片的尺寸以及圖片名稱，圖片后綴名。

功能按鈕的自定義。

屬于功能按鈕的自定義的模塊：輸入欄(默認(rèn)圖片)、設(shè)置界面(圖片)、加號(hào)擴(kuò)展區(qū)(新增加號(hào)區(qū)中的功能)、導(dǎo)航欄(新增按鈕)

聊窗頂部的自定義：

用戶可在聊窗頂部添加自定義的按鈕，例如快速撥打電話或設(shè)置等功能按鈕;

具體添加方法請(qǐng)參照集成文檔 導(dǎo)航欄功能自定義

加號(hào)功能的自定義

用戶可以在點(diǎn)擊加號(hào)之后的功能區(qū)添加自定義按鈕和跳轉(zhuǎn)頁(yè)面;

具體添加方法請(qǐng)參照集成文檔 +號(hào)功能區(qū)的擴(kuò)展功能

商品條功能的自定義

用戶可以修改商品條區(qū)域的布局樣式;

具體添加方法請(qǐng)參照集成文檔 商品條自定義

二、客服端負(fù)責(zé)人對(duì)客服端配置從而實(shí)現(xiàn)SDK端部分功能動(dòng)態(tài)改變的自定義

輸入框樣式自定義：在客戶端后臺(tái)設(shè)置修改，通過客戶端-設(shè)置-訪客服務(wù)設(shè)置-訪客聊窗進(jìn)行設(shè)置

留言樣式自定義：留言功能自定義在客戶端后臺(tái)設(shè)置修改，通過客戶端-設(shè)置-訪客服務(wù)設(shè)置-留言設(shè)置進(jìn)行設(shè)置

評(píng)價(jià)樣式自定義：目前通過客戶端-設(shè)置-訪客服務(wù)設(shè)置-咨詢?cè)u(píng)價(jià)進(jìn)行設(shè)置

Android SDK哪些不支持自定義？

1、表情目前不支持自定義，即表情圖片不可替換、修改。因?yàn)槭桥c客服端配套匹配的，如果修改，將無法與客服端正確匹配。

2、輸入欄顯示按鈕，評(píng)價(jià)界面顯示文字及布局和留言界面顯示文字都是通過讀取客服端的配置數(shù)據(jù)來顯示的。

如果有上述沒有覆蓋的具體情況，不清楚是否可以自定義的，可以咨詢我們負(fù)責(zé)對(duì)接的實(shí)施人員。

總結(jié)

以上是生活随笔為你收集整理的android 定制ui,AndroidSDK-UI定制的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。