底部導航欄:在底部導航欄上設定小紅點和數字
阿新 • • 發佈:2019-02-01
在http://blog.csdn.net/yancychas/article/details/77254708這個的activity_main.xml基礎上,設定小紅點。
在看現在的activity_main.xml<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" xmlns:tools="http://schemas.android.com/tools" android:orientation="vertical" android:layout_width="match_parent" android:layout_height="match_parent" tools:context="com.example.administrator.materialtest.Main4Activity"> <LinearLayout android:orientation="vertical" android:layout_width="match_parent" android:layout_height="45dp"> <TextView android:id="@+id/text_fragment" android:layout_gravity="center" android:gravity="center" android:text="TEXT" android:textSize="20sp" android:layout_width="match_parent" android:layout_height="match_parent" /> </LinearLayout> <android.support.v4.view.ViewPager android:id="@+id/view_paper" android:layout_width="match_parent" android:layout_height="0dp" android:layout_weight="1"/> <LinearLayout android:layout_width="match_parent" android:layout_height="55dp" android:background="@color/black" android:orientation="horizontal"> <LinearLayout android:id="@+id/ll_chat" android:layout_width="0dp" android:layout_height="match_parent" android:layout_weight="1" android:orientation="vertical"> <RelativeLayout android:layout_width="match_parent" android:layout_height="match_parent"> <LinearLayout android:layout_centerInParent="true" android:layout_width="match_parent" android:orientation="vertical" android:layout_height="match_parent"> <ImageView android:id="@+id/iv_chat" android:layout_width="match_parent" android:layout_height="0dp" android:layout_weight="2" android:paddingBottom="4dp" android:src="@drawable/first" /> <TextView android:id="@+id/tv_chat" android:layout_width="match_parent" android:layout_height="0dp" android:layout_weight="1" android:gravity="center" android:text="CHAT" android:textColor="@drawable/second" /> </LinearLayout> <TextView android:id="@+id/number" android:paddingTop="4dp" android:layout_marginRight="25dp" android:layout_alignParentTop="true" android:layout_width="20dp" android:layout_height="28dp" android:background="@drawable/redcircle" android:text="99" android:gravity="center_horizontal" android:textColor="@color/white" android:visibility="visible" android:layout_alignParentEnd="true" /> </RelativeLayout> </LinearLayout>
<LinearLayout android:id="@+id/ll_friends" android:orientation="vertical" android:layout_width="0dp" android:layout_height="match_parent" android:layout_weight="1"> <ImageView android:id="@+id/iv_friends" android:layout_width="match_parent" android:layout_height="0dp" android:layout_weight="1" android:src="@drawable/ic_backup"/> <TextView android:id="@+id/tv_friends" android:layout_width="match_parent" android:layout_height="0dp" android:layout_weight="1" android:gravity="center" android:text="CHAT" android:textColor="@drawable/second"/> </LinearLayout><LinearLayout android:id="@+id/ll_contacts" android:orientation="vertical" android:layout_width="0dp" android:layout_height="match_parent" android:layout_weight="1"> <ImageView android:id="@+id/iv_contacts" android:layout_marginTop="3dp" android:layout_width="match_parent" android:layout_height="0dp" android:layout_weight="1" android:src="@drawable/ic_comment"/> <TextView android:id="@+id/tv_contacts" android:layout_width="match_parent" android:layout_height="0dp" android:layout_weight="1" android:gravity="center" android:text="CHAT" android:textColor="@drawable/second"/> </LinearLayout> <LinearLayout android:id="@+id/ll_settings" android:orientation="vertical" android:layout_width="0dp" android:layout_height="match_parent" android:layout_weight="1"> <ImageView android:id="@+id/iv_settings" android:layout_width="match_parent" android:layout_height="0dp" android:layout_weight="1" android:src="@drawable/ic_done"/> <TextView android:id="@+id/tv_settings" android:layout_width="match_parent" android:layout_height="0dp" android:layout_weight="1" android:gravity="center" android:text="CHAT" android:textColor="@drawable/second"/> </LinearLayout> </LinearLayout> </LinearLayout>
看紅色和綠色部分的不同之處(這裡我只改了一個按鈕)。與之前不同的是,我先在LinearLayout裡面套一層relativelayout,目的是利用外層的LinearLayout均分四個寬度,裡面的relativelayout是為了讓textview覆蓋在檢視的最上層,出現一個數字,並設定TextView不可見,背景為紅色小圓點(可以轉換為9-patch圖,用於數字長度不同時的拉伸)。