讓預(yù)覽 RecyclerView 效果更方便的一個(gè)小技巧

簡(jiǎn)評(píng):使用 "@tools:sample/*" 資源來讓 RecyclerView(或 ListView)的效果預(yù)覽更方便。

相信在大多數(shù)的 Android 開發(fā)中都會(huì)和 RecyclerView(或者 ListView)打交道。常有的一個(gè)問題就是在編碼時(shí),怎么方便的看到和調(diào)整每個(gè) item 的顯示效果。

當(dāng)然啦,有經(jīng)驗(yàn)一的開發(fā)者肯定都知道用 tools:namespace 來幫忙,今天要介紹的當(dāng)然不只是這么簡(jiǎn)單。

首先,假設(shè)我們要實(shí)現(xiàn)的效果類似下面這樣(每個(gè) item 左邊還有個(gè)頭像):

這里就是通過* tools:text* 來在 Android Studio 的 Preview 視圖中直接顯示一些簡(jiǎn)單內(nèi)容(ImageView 也可以使用 tools:src)。

 <TextView
    android:id="@+id/name"
    ...
    tools:text="Mark Allison"/>

現(xiàn)在,在 Android Studio 3.0 或以上版本中我們有了更好的方法來在開發(fā)時(shí)直接顯示一些示例數(shù)據(jù) - 那就是使用 "tools:sample/" 中提供的數(shù)據(jù)。*

<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout
  ...>

  <ImageView
    android:id="@+id/avatar"
    ...
    tools:src="@tools:sample/avatars" />

  <TextView
    android:id="@+id/name"
    ...
    tools:text="@tools:sample/full_names" />

  <TextView
    android:id="@+id/city"
    ...
    tools:text="@tools:sample/cities" />

  <TextView
    android:id="@+id/date"
    ...
    tools:text="@tools:sample/date/ddmmyy" />

  <TextView
    android:id="@+id/description"
    ...
    tools:text="@tools:sample/lorem/random" />

</android.support.constraint.ConstraintLayout>

效果:

當(dāng)然,這些自帶的數(shù)據(jù)很可能沒辦法滿足你的需求(比如只有英文),我們還可以自己創(chuàng)建 Sample 數(shù)據(jù):

點(diǎn)擊之后,文件實(shí)際所在的位置:

添加頭像圖片(這里用的是 Android 矢量圖,也可以是其他格式的圖片):

 <ImageView
    android:id="@+id/avatar"
    ...
    tools:src="@sample/avatars" />

更棒的地方在于,我們還可以通過 JSON 文件的方式來組織我們的數(shù)據(jù)。比如,創(chuàng)建一個(gè)名為 users.json 的文件:

{
  "data": [
    {
      "city": "北京",
      "avatar": "@sample/avatars",
    },
    {
      "city": "上海",
      "avatar": "@sample/avatars"
    },
    {
      "city": "廣州",
      "avatar": "@sample/avatars"
    },
    {
      "city": "深圳",
      "avatar": "@sample/avatars"
    }
  ]
}

item 的部分布局代碼:

<ImageView
  android:id="@+id/avatar"
  ...
  tools:src="@sample/users.json/data/avatar" />

<TextView
  android:id="@+id/city"
  ...
  tools:text="@sample/users.json/data/city" />
...

此外,定義的這些 sample data 不會(huì)被打包到 APK 中,因此不必?fù)?dān)心會(huì)增加應(yīng)用的體積。

官方文檔:https://developer.android.com/studio/write/tool-attributes.html#toolssample_resources
英文原文:Tool Time – Part 1 & Tool Time – Part 2
推薦閱讀:在 Android 中實(shí)現(xiàn) Redux 的一點(diǎn)經(jīng)驗(yàn)

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

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

  • Android 自定義View的各種姿勢(shì)1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 178,781評(píng)論 25 709
  • 這個(gè)女生,是一個(gè)大學(xué)里的校友。 今天用了謝依霖姐姐的圖片,只想表達(dá),像謝依霖這樣直率的女神才能收拾今天這個(gè)沒有人喜...
    紫柴子閱讀 445評(píng)論 0 1
  • 我一直在思考,思考我為什么睡不著,為什么不開心,為什么這世上有形形色色的人和事,甚至是為什么我們會(huì)存在。 后來才發(fā)...
    人若無心會(huì)如何閱讀 457評(píng)論 1 1
  • 1.看到他妳的心情怎樣?身體有什麼感覺? 一般吧,身體沒啥反應(yīng)。 回答第二題時(shí)看幾次圖後,心情開始變陰鬱,喉嚨開始...
    秀ShirleyZ閱讀 217評(píng)論 0 1
  • 8、Love & faith,愛和信仰同在 來麗江三年,差不多每年會(huì)去一次梅里雪山。跟不同的人去,走不同的路,許同...
    歲亦莫止閱讀 295評(píng)論 0 2

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