記:用ConstraintLayout實現(xiàn)消息小紅點

ConstraintLayout翻譯為約束布局爬迟,也有人把它稱作增強(qiáng)型的相對布局碗啄,由 2016 年 Google I/O 推出。扁平式的布局方式队魏,無任何嵌套振峻,減少布局的層級臼疫,優(yōu)化渲染性能。從支持力度而言扣孟,將成為主流布局樣式烫堤,完全代替其他布局。

消息小紅點的實現(xiàn)方式有很多,比如在RelativeLayout中也可以鸽斟,但是比較復(fù)雜拔创,需要計算padding或margin,并且可能還不精確富蓄,下面就用ConstraintLayout實現(xiàn)消息小紅點

首先是定義一個顯示的View剩燥,如

<TextView

? ? android:id="@+id/tv_textView"

? ? android:layout_width="50dp"

? ? android:layout_height="50dp"

? ? android:background="@color/colorPrimary"

? ? android:gravity="center"

? ? android:text="文本"

? ? android:textColor="#fff"

? ? app:layout_constraintBottom_toBottomOf="parent"

? ? app:layout_constraintLeft_toLeftOf="parent"

? ? app:layout_constraintRight_toRightOf="parent"

? ? app:layout_constraintTop_toTopOf="parent" />

注:layout_constraintBottom_toBottomOf(控件的下方距離parent的下方)及剩下的3個屬性,保證該View居中

然后就是顯示消息數(shù)字的View

<TextView

? ? android:layout_width="20dp"

? ? android:layout_height="20dp"

? ? android:background="@drawable/round_shape"

? ? android:gravity="center"

? ? android:text="11"

? ? android:textColor="#fff"

? ? app:layout_constraintCircle="@id/tv_textView"

? ? app:layout_constraintCircleAngle="45"

? ? app:layout_constraintCircleRadius="35dp" />

注:layout_constraintCircle:引用的控件ID立倍,因為紅點顯示肯定是要依附在另一個View上顯示的

? ??????layout_constraintCircleAngle:偏移圓角度 水平右方向為0逆時針方向旋轉(zhuǎn)灭红,45表示向右旋轉(zhuǎn)45度

? ??????layout_constraintCircleRadius:圓半徑,可以理解為紅點位置和所依附的View的距離口注,以此來

確定紅點View的位置

引用一張說明圖:


效果圖:


最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末变擒,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子寝志,更是在濱河造成了極大的恐慌赁项,老刑警劉巖,帶你破解...
    沈念sama閱讀 211,194評論 6 490
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件澈段,死亡現(xiàn)場離奇詭異,居然都是意外死亡舰攒,警方通過查閱死者的電腦和手機(jī)败富,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,058評論 2 385
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來摩窃,“玉大人兽叮,你說我怎么就攤上這事』福” “怎么了鹦聪?”我有些...
    開封第一講書人閱讀 156,780評論 0 346
  • 文/不壞的土叔 我叫張陵,是天一觀的道長蒂秘。 經(jīng)常有香客問我泽本,道長,這世上最難降的妖魔是什么姻僧? 我笑而不...
    開封第一講書人閱讀 56,388評論 1 283
  • 正文 為了忘掉前任规丽,我火速辦了婚禮,結(jié)果婚禮上撇贺,老公的妹妹穿的比我還像新娘赌莺。我一直安慰自己,他們只是感情好松嘶,可當(dāng)我...
    茶點故事閱讀 65,430評論 5 384
  • 文/花漫 我一把揭開白布艘狭。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪巢音。 梳的紋絲不亂的頭發(fā)上遵倦,一...
    開封第一講書人閱讀 49,764評論 1 290
  • 那天,我揣著相機(jī)與錄音港谊,去河邊找鬼骇吭。 笑死,一個胖子當(dāng)著我的面吹牛歧寺,可吹牛的內(nèi)容都是我干的燥狰。 我是一名探鬼主播,決...
    沈念sama閱讀 38,907評論 3 406
  • 文/蒼蘭香墨 我猛地睜開眼斜筐,長吁一口氣:“原來是場噩夢啊……” “哼龙致!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起顷链,我...
    開封第一講書人閱讀 37,679評論 0 266
  • 序言:老撾萬榮一對情侶失蹤目代,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后嗤练,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體榛了,經(jīng)...
    沈念sama閱讀 44,122評論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,459評論 2 325
  • 正文 我和宋清朗相戀三年煞抬,在試婚紗的時候發(fā)現(xiàn)自己被綠了霜大。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 38,605評論 1 340
  • 序言:一個原本活蹦亂跳的男人離奇死亡革答,死狀恐怖战坤,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情残拐,我是刑警寧澤途茫,帶...
    沈念sama閱讀 34,270評論 4 329
  • 正文 年R本政府宣布,位于F島的核電站溪食,受9級特大地震影響囊卜,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜错沃,卻給世界環(huán)境...
    茶點故事閱讀 39,867評論 3 312
  • 文/蒙蒙 一边败、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧捎废,春花似錦笑窜、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,734評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽嫌蚤。三九已至,卻和暖如春断傲,著一層夾襖步出監(jiān)牢的瞬間脱吱,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 31,961評論 1 265
  • 我被黑心中介騙來泰國打工认罩, 沒想到剛下飛機(jī)就差點兒被人妖公主榨干…… 1. 我叫王不留箱蝠,地道東北人。 一個月前我還...
    沈念sama閱讀 46,297評論 2 360
  • 正文 我出身青樓垦垂,卻偏偏與公主長得像宦搬,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子劫拗,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 43,472評論 2 348