一場因tab滑動條引起的“撕逼”

項目中有個模塊某個頁面需求是兩個tab切換诚隙,剛好上篇文章也是寫的是tablayout+viewpager+fragment問題起胰,自然想到用tablayout來實現(xiàn)久又,UI的效果圖是這樣的。

UI圖
ui圖


吧啦吧啦代碼實現(xiàn)了效五,還實現(xiàn)了滑動功能的地消,可效果卻是這樣的。

tablayout圖

好吧畏妖,這效果我都不能忍脉执,設(shè)計師肯定不過,于是google了一下戒劫,發(fā)現(xiàn)有 tabGravity這個屬性半夷,默認(rèn)是app:tabGravity="fill",代碼中改為app:tabGravity="center",見效果

tablayout圖2

嗯迅细,這效果基本上我自己也滿意了巫橄,然后設(shè)計師要要跟我撕逼了,她要的效果上“All products”和“My list”下滑動條長度跟字體長度相適應(yīng)茵典,而我這實現(xiàn)的滑動條都是一樣長的湘换,視覺上不協(xié)調(diào),且這兩個單詞也不是均分位于中間而是都向中間靠攏顯示。好吧彩倚,由于設(shè)計師太能撕逼說服不了她筹我,我開始了自定義tablayout,結(jié)果也是失敗告終。具體原因是滑動條textview都是先addview進去署恍,滑動過程中去取下個textview寬度來動態(tài)改變滑動條長度不好處理崎溃。


于是打算換思路實現(xiàn)。之前的導(dǎo)航欄很多是使用radiogroup實現(xiàn)的盯质。于是我試了試

android:id="@+id/radbtn_all_products"

android:layout_width="wrap_content"

android:layout_height="match_parent"

android:drawableBottom="@drawable/layer_list_favorite_tab"

android:button="@null"

android:checked="true"

android:text="@string/all_products"

android:textColor="@drawable/selector_tv_favorite_tab"

android:textSize="16sp"/>

可是可是袁串,他媽做不到滑動條緊緊愛著底邊的,于是于是想到將滑動條作為整體背景android:background="@drawable/layer_list_favorite_tab"而不要android:drawableBottom屬性的呼巷。最終終于實現(xiàn)了UI需要的效果囱修。


在這過程中有兩個小插曲:

1.當(dāng)最后那滑條用backgroud方式實現(xiàn),要設(shè)計師給切圖王悍,然而設(shè)計師又撕逼破镰,說之前也沒切過圖啊,這個你們肯定能不用切圖自己實現(xiàn)压储,好吧鲜漩,我又妥協(xié)了,找代碼怎么實現(xiàn)這種效果,最直接看項目中有沒有現(xiàn)成的了集惋。黃天不負(fù)有心人看到個layer-list類型文件孕似,不是很清楚這是干嘛的,google了下能實現(xiàn)刮刑。

2.用readiogroup實現(xiàn)那個單選時候喉祭,代碼如下因為要radiobutton有背景花條又居中顯示,所以只能采用在Readiogroup和RadioButton中間嵌套層布局雷绢,如下:

<ReadioGroup

? ?<Linarlayout

? ? ? ? <RadioButton

然而問題來了泛烙,readiogroup的監(jiān)聽不起作用,當(dāng)時也是too young以為是其它問題蔽氨,甚至懷疑到as升級到新版本問題帆疟,后來debug監(jiān)聽才發(fā)覺代碼根本沒進來,沒時間折騰只能自己實現(xiàn)互斥監(jiān)聽了坊饶。


ps:其實在自己開發(fā)經(jīng)驗不是特別豐富時候殴蓬,很多時候都是在試錯的過程蟋滴,然后一步步實現(xiàn)它解決它津函。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末尔苦,一起剝皮案震驚了整個濱河市允坚,隨后出現(xiàn)的幾起案子蛾号,更是在濱河造成了極大的恐慌,老刑警劉巖展运,帶你破解...
    沈念sama閱讀 217,542評論 6 504
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件拗胜,死亡現(xiàn)場離奇詭異怒允,居然都是意外死亡,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,822評論 3 394
  • 文/潘曉璐 我一進店門儿礼,熙熙樓的掌柜王于貴愁眉苦臉地迎上來庆寺,“玉大人,你說我怎么就攤上這事知纷×昝梗” “怎么了?”我有些...
    開封第一講書人閱讀 163,912評論 0 354
  • 文/不壞的土叔 我叫張陵乍桂,是天一觀的道長。 經(jīng)常有香客問我权谁,道長憋沿,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,449評論 1 293
  • 正文 為了忘掉前任采章,我火速辦了婚禮共缕,結(jié)果婚禮上士复,老公的妹妹穿的比我還像新娘。我一直安慰自己便贵,他們只是感情好冗荸,可當(dāng)我...
    茶點故事閱讀 67,500評論 6 392
  • 文/花漫 我一把揭開白布蚌本。 她就那樣靜靜地躺著盔粹,像睡著了一般舷嗡。 火紅的嫁衣襯著肌膚如雪嵌莉。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,370評論 1 302
  • 那天中鼠,我揣著相機與錄音援雇,去河邊找鬼椎扬。 笑死曙旭,一個胖子當(dāng)著我的面吹牛桂躏,可吹牛的內(nèi)容都是我干的川陆。 我是一名探鬼主播,決...
    沈念sama閱讀 40,193評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼鳞绕,長吁一口氣:“原來是場噩夢啊……” “哼们何!你這毒婦竟也來了控轿?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,074評論 0 276
  • 序言:老撾萬榮一對情侶失蹤鹦蠕,失蹤者是張志新(化名)和其女友劉穎钟病,沒想到半個月后刚梭,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,505評論 1 314
  • 正文 獨居荒郊野嶺守林人離奇死亡屹徘,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,722評論 3 335
  • 正文 我和宋清朗相戀三年缘回,在試婚紗的時候發(fā)現(xiàn)自己被綠了典挑。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片啦吧。...
    茶點故事閱讀 39,841評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡授滓,死狀恐怖肆糕,靈堂內(nèi)的尸體忽然破棺而出诚啃,到底是詐尸還是另有隱情,我是刑警寧澤始赎,帶...
    沈念sama閱讀 35,569評論 5 345
  • 正文 年R本政府宣布造垛,位于F島的核電站晰搀,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏杆逗。R本人自食惡果不足惜吁讨,卻給世界環(huán)境...
    茶點故事閱讀 41,168評論 3 328
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望排龄。 院中可真熱鬧翎朱,春花似錦、人聲如沸争舞。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,783評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽委乌。三九已至荣回,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間壕吹,已是汗流浹背著蛙。 一陣腳步聲響...
    開封第一講書人閱讀 32,918評論 1 269
  • 我被黑心中介騙來泰國打工踏堡, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留暂吉,地道東北人。 一個月前我還...
    沈念sama閱讀 47,962評論 2 370
  • 正文 我出身青樓慕的,卻偏偏與公主長得像肮街,于是被迫代替她去往敵國和親判导。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 44,781評論 2 354

推薦閱讀更多精彩內(nèi)容