很多APP底部导航都有这个效果,如图

05c17f761a19

效果图

这是布局:

xmlns:tools="http://schemas.android.com/tools"

android:layout_width="match_parent"

android:layout_height="match_parent"

android:clipChildren="false"

tools:context="com.yus.dialogdemo.MainActivity">

android:clipChildren="false"

android:layout_alignParentBottom="true"

android:layout_width="match_parent"

android:layout_height="50dp"

android:orientation="horizontal">

android:layout_width="0dp"

android:layout_height="match_parent"

android:layout_weight="1"

android:src="@android:drawable/btn_star_big_on"

/>

android:layout_width="0dp"

android:layout_height="match_parent"

android:layout_weight="1"

android:src="@android:drawable/btn_star_big_on"

/>

android:scaleType="centerCrop"

android:layout_gravity="bottom"

android:layout_width="0dp"

android:layout_height="75dp"

android:layout_weight="1"

android:src="@android:drawable/btn_star_big_on">

android:layout_width="0dp"

android:layout_height="match_parent"

android:layout_weight="1"

android:src="@android:drawable/btn_star_big_on">

android:layout_width="0dp"

android:layout_height="match_parent"

android:layout_weight="1"

android:src="@android:drawable/btn_star_big_on">

** android:clipChildren="false"**的意思是孩子的宽高不必受父亲的约束,即可大过父布局,父亲以及父亲的父亲都必须申明才可以,中间Imageview的android:layout_gravity="bottom"表示当高度超过父布局时,底部对齐,于是就达到上图的效果。

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐