美文网首页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