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

俗話說，代碼是最好的老師，閱讀源碼是一個很是好的習慣。使用說明文檔寫得再仔細，也會有遺漏不足的地方，所以我鼓勵你們在使用XUI的時候，結合演示Demo的代碼進行開發，這樣比一點一點翻文檔有效的多！

因爲XUI是一個Android原生UI庫，它不像WebUI庫那樣，能夠很方便地在瀏覽器中直接看到代碼和代碼實時的運行效果，所以我才詳細編寫了XUI的演示Demo程序，你們能夠下載或者本身運行（建議）XUI演示demo程序，找到本身想要使用的組件，而後找到對應的實現代碼來使用XUI的組件，下面我將分步驟講解。

一、下載/運行Demo程序

在此以前，請確保正確引入了XUI，若是尚未引入的話，請先根據如何引用的指示，一步一步引入XUI。

下載Demo程序

• 蒲公英下載【推薦】

• Github下載

運行Demo程序【推薦】

1.下載XUI源代碼

git clone https://github.com/xuexiangjys/XUI.git
複製代碼

2.使用Android Studio打開XUI項目，這裏推薦使用Android Studio 3.4.1以上的版本打開。

代碼運行須要注意的幾點:

• 網速慢的話，依賴庫可能下載很慢（timeout），多試幾回就好了。

• 因爲Demo中使用了個人另外一個頁面框架庫XPage, demo中的代碼有一個AppPageConfig的類是編譯時自動生成的，若是提示類找不到的話是沒有關係的，Build一下就出來了，固然你也能夠直接運行。

• 演示Demo的程序跑通是確定沒有任何問題的，若是你沒有跑成功，請你檢查本身的環境是否都配置正確了！

二、選擇你想要使用的組件，找到對應的示例代碼

找到演示頁面的標題,決定搜索內容

全部的演示頁面理論上都是有標題的，有的還有副標題，如題下所示：

 

搜索內容的公式以下:

//無副標題
搜索內容 = 主標題;

//有副標題
搜索內容 = 主標題 + "\n" + 副標題;
複製代碼

下面我以上圖2爲例：

主標題：Dialog構建策略 ---> 搜索內容: Dialog構建策略

主標題：MaterialDialog, 副標題：對話框。 ---> 搜索內容: MaterialDialog\\n對話框

【切記】：千萬不要少掉一個\

根據搜索內容進行搜索

使用Android Studio的全文搜索進行搜索，選擇帶有@Page的類，示例圖以下:

 

選中結果後，該類基本上就是你所須要的示例代碼所在的Fragment頁面了，接下來的任務就是死摳示例代碼的實現邏輯了！

相關閱讀

• XUI 一個簡潔而優雅的Android原生UI框架，解放你的雙手！
• XUI使用說明文檔

聯繫方式

微信公共號