手把手教你使用XUI的正確姿勢

俗話說,代碼是最好的老師,閱讀源碼是一個(gè)非常好的習(xí)慣。使用說明文檔寫得再仔細(xì),也會(huì)有遺漏不足的地方,因此我鼓勵(lì)大家在使用XUI的時(shí)候,結(jié)合演示Demo的代碼進(jìn)行開發(fā),這樣比一點(diǎn)一點(diǎn)翻文檔有效的多!

由于XUI是一個(gè)Android原生UI庫,它不像WebUI庫那樣,可以很方便地在瀏覽器中直接看到代碼和代碼實(shí)時(shí)的運(yùn)行效果,因此我才詳細(xì)編寫了XUI的演示Demo程序,大家可以下載或者自己運(yùn)行(建議)XUI演示demo程序,找到自己想要使用的組件,然后找到對應(yīng)的實(shí)現(xiàn)代碼來使用XUI的組件,下面我將分步驟講解。

1、下載/運(yùn)行Demo程序

在此之前,請確保正確引入了XUI,如果還沒有引入的話,請先根據(jù)如何引用的指示,一步一步引入XUI。

下載Demo程序

  • 蒲公英下載【推薦】


    在這里插入圖片描述
  • Github下載


    在這里插入圖片描述

運(yùn)行Demo程序【推薦】

1.下載XUI源代碼

git clone https://github.com/xuexiangjys/XUI.git

2.使用Android Studio打開XUI項(xiàng)目,這里推薦使用Android Studio 3.4.1以上的版本打開。

代碼運(yùn)行需要注意的幾點(diǎn):

  • 網(wǎng)速慢的話,依賴庫可能下載很慢(timeout),多試幾次就行了。

  • 由于Demo中使用了我的另一個(gè)頁面框架庫XPage, demo中的代碼有一個(gè)AppPageConfig的類是編譯時(shí)自動(dòng)生成的,如果提示類找不到的話是沒有關(guān)系的,Build一下就出來了,當(dāng)然你也可以直接運(yùn)行。

  • 演示Demo的程序跑通是肯定沒有任何問題的,如果你沒有跑成功,請你檢查自己的環(huán)境是否都配置正確了!

2、選擇你想要使用的組件,找到對應(yīng)的示例代碼

找到演示頁面的標(biāo)題,決定搜索內(nèi)容

所有的演示頁面理論上都是有標(biāo)題的,有的還有副標(biāo)題,如題下所示:

圖1

?
圖2

搜索內(nèi)容的公式如下:

//無副標(biāo)題
搜索內(nèi)容 = 主標(biāo)題;

//有副標(biāo)題
搜索內(nèi)容 = 主標(biāo)題 + "\n" + 副標(biāo)題;

下面我以上圖2為例:

主標(biāo)題:Dialog構(gòu)建策略 ---> 搜索內(nèi)容: Dialog構(gòu)建策略

主標(biāo)題:MaterialDialog, 副標(biāo)題:對話框。 ---> 搜索內(nèi)容: MaterialDialog\\n對話框

【切記】:千萬不要少掉一個(gè)\

根據(jù)搜索內(nèi)容進(jìn)行搜索

使用Android Studio的全文搜索進(jìn)行搜索,選擇帶有@Page的類,示例圖如下:

在這里插入圖片描述

?
在這里插入圖片描述

選中結(jié)果后,該類基本上就是你所需要的示例代碼所在的Fragment頁面了,接下來的任務(wù)就是死摳示例代碼的實(shí)現(xiàn)邏輯了!

相關(guān)閱讀

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容