2019-04-17 Android 設(shè)置界面 PreferenceFragmentCompat 的UI

PreferenceFragmentCompat 除了UI以外的用法闯睹,筆記在此:http://www.reibang.com/p/9b7ea3450f0c

不居中問題:

根據(jù)參考資料,
需要在styles.xml中戏羽,指定theme:

image.png

然而無論我加不加這句話
(<item name="preferenceTheme"> @style/PreferenceThemeOverlay.v14.Material</item>)
,我的界面都是這樣的:(其中標(biāo)題欄和底下的bottombar寫在外層的activity里)

image.png

如圖所示楼吃,除了黑灰外始花,preference category 和 switch preference 的顏色是colorAccent

沒有仔細(xì)研究過ui的我感覺這好像已經(jīng)符合material design了妄讯,因?yàn)閱螕舻臅r(shí)候有漂亮的水波紋動(dòng)畫效果。

唯一不滿的是不知道為什么不居中酷宵,而是整體偏右

今天終于知道了答案
在style.xml中亥贸,Ctrl+鼠標(biāo)左鍵點(diǎn)擊剛才設(shè)置的主題,進(jìn)入代碼


image.png

長(zhǎng)這樣:


image.png

里面沒有內(nèi)容浇垦。
考慮到這一條style加不加效果相同炕置,可能它其實(shí)和默認(rèn)的一樣;
看到上面的沒有版本號(hào)的里面各項(xiàng)item的style最后都有Material一詞男韧,估計(jì)其實(shí)用的就是這個(gè)PreferenceThemOverlay 了

于是我們?cè)匐S便ctrl + 鼠標(biāo)左鍵點(diǎn)進(jìn)去一個(gè):


image.png

結(jié)果長(zhǎng)這樣:


image.png

再點(diǎn)進(jìn)這個(gè)layout呢:


image.png

發(fā)現(xiàn)有一個(gè)iconFrameF犹!會(huì)不會(huì)就是他占著左邊開頭的位置呢此虑!
我們進(jìn)入設(shè)計(jì)視圖:

image.png

至此甚纲,此謎已解:

preference fragment里面的條目不居中的原因是,左邊留出了icon的空位朦前,而我們沒有設(shè)置icon的圖標(biāo)介杆,所以這個(gè)空位是空白,看上去就整體偏右了

那么怎么辦呢?

現(xiàn)在先讓我們給每一條preference隨意指定一張圖片為icon試試效果:

image.png

效果如圖:

image.png

而我們icon大小應(yīng)該是48*48dp韭寸,讓我們選擇一些圖片來試試
加了一些圖標(biāo)感覺不好看春哨,視圖用isIconSpaceReserved 置位false,無效

如下stackoverflow鏈接告訴我們恩伺,這是故意的悲靴,因?yàn)閙aterial design 要求空出這個(gè)icon的位置
https://stackoverflow.com/questions/5765186/how-to-add-icons-to-preference
material design 要求如下:
https://material.io/design/platform-guidance/android-settings.html#placement
這里提供了一個(gè)賞心悅目的小例子:

image.png

真是賞心悅目啊。
那么為什么我們做的圖標(biāo)就這么丑呢莫其?因?yàn)樘罅恕D俏覀兌鄍adding一點(diǎn)試試耸三,把padding加大到50%
同時(shí)根據(jù)例子乱陡,icon的顏色是深灰色,比一級(jí)字淺仪壮,比二級(jí)字深

加到50% 美如畫

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末憨颠,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子积锅,更是在濱河造成了極大的恐慌爽彤,老刑警劉巖,帶你破解...
    沈念sama閱讀 217,542評(píng)論 6 504
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件缚陷,死亡現(xiàn)場(chǎng)離奇詭異适篙,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)箫爷,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,822評(píng)論 3 394
  • 文/潘曉璐 我一進(jìn)店門嚷节,熙熙樓的掌柜王于貴愁眉苦臉地迎上來聂儒,“玉大人,你說我怎么就攤上這事硫痰●没椋” “怎么了?”我有些...
    開封第一講書人閱讀 163,912評(píng)論 0 354
  • 文/不壞的土叔 我叫張陵效斑,是天一觀的道長(zhǎng)非春。 經(jīng)常有香客問我,道長(zhǎng)缓屠,這世上最難降的妖魔是什么奇昙? 我笑而不...
    開封第一講書人閱讀 58,449評(píng)論 1 293
  • 正文 為了忘掉前任,我火速辦了婚禮藏研,結(jié)果婚禮上敬矩,老公的妹妹穿的比我還像新娘。我一直安慰自己蠢挡,他們只是感情好弧岳,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,500評(píng)論 6 392
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著业踏,像睡著了一般禽炬。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上勤家,一...
    開封第一講書人閱讀 51,370評(píng)論 1 302
  • 那天腹尖,我揣著相機(jī)與錄音,去河邊找鬼伐脖。 笑死热幔,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的讼庇。 我是一名探鬼主播绎巨,決...
    沈念sama閱讀 40,193評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼,長(zhǎng)吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼蠕啄!你這毒婦竟也來了场勤?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,074評(píng)論 0 276
  • 序言:老撾萬榮一對(duì)情侶失蹤歼跟,失蹤者是張志新(化名)和其女友劉穎和媳,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體哈街,經(jīng)...
    沈念sama閱讀 45,505評(píng)論 1 314
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡留瞳,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,722評(píng)論 3 335
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了骚秦。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片撼港。...
    茶點(diǎn)故事閱讀 39,841評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡坪它,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出帝牡,到底是詐尸還是另有隱情往毡,我是刑警寧澤,帶...
    沈念sama閱讀 35,569評(píng)論 5 345
  • 正文 年R本政府宣布靶溜,位于F島的核電站开瞭,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏罩息。R本人自食惡果不足惜嗤详,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,168評(píng)論 3 328
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望瓷炮。 院中可真熱鬧葱色,春花似錦、人聲如沸娘香。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,783評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽烘绽。三九已至淋昭,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間安接,已是汗流浹背翔忽。 一陣腳步聲響...
    開封第一講書人閱讀 32,918評(píng)論 1 269
  • 我被黑心中介騙來泰國(guó)打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留盏檐,地道東北人歇式。 一個(gè)月前我還...
    沈念sama閱讀 47,962評(píng)論 2 370
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像胡野,于是被迫代替她去往敵國(guó)和親贬丛。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,781評(píng)論 2 354