美文网首页view
Android底部导航栏中间凸起

Android底部导航栏中间凸起

作者: 码圣 | 来源:发表于2016-09-09 18:49 被阅读3402次

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

效果图

这是布局:

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    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">

    <LinearLayout
        android:clipChildren="false"
        android:layout_alignParentBottom="true"
        android:layout_width="match_parent"
        android:layout_height="50dp"
        android:orientation="horizontal">
        
        <ImageView
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:src="@android:drawable/btn_star_big_on"
            />
        <ImageView
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:src="@android:drawable/btn_star_big_on"


            />
        <ImageView
            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">

        </ImageView>

        <ImageView

            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:src="@android:drawable/btn_star_big_on"></ImageView>

        <ImageView
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:src="@android:drawable/btn_star_big_on"></ImageView>

    </LinearLayout>
</RelativeLayout>

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

相关文章

网友评论

  • b15e04ce691b:请问还有别的方法吗?这个好暴力啊。。。。

本文标题:Android底部导航栏中间凸起

本文链接:https://www.haomeiwen.com/subject/oyzeettx.html