如何讓安卓(Android)子控件超出父控件的范圍顯示
先來看一張預覽圖:
廢話不多說,直接上代碼:
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:clipChildren="false">
<ImageView
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_marginBottom="60dp"
android:background="@mipmap/www" />
<LinearLayout
android:id="@+id/ll_bottom"
android:layout_width="match_parent"
android:layout_height="60dp"
android:layout_alignParentBottom="true"
android:background="#F8549D"
android:elevation="10dp"
android:orientation="horizontal">
<RelativeLayout
android:layout_width="0dp"
android:layout_height="match_parent"
android:layout_gravity="bottom"
android:layout_weight="1">
<ImageView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerInParent="true"
android:src="@mipmap/ic_launcher" />
</RelativeLayout>
<RelativeLayout
android:layout_width="0dp"
android:layout_height="match_parent"
android:layout_gravity="bottom"
android:layout_weight="1">
<ImageView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerInParent="true"
android:src="@mipmap/ic_launcher" />
</RelativeLayout>
<RelativeLayout
android:layout_width="70dp"
android:layout_height="70dp"
android:layout_gravity="bottom"
android:background="@drawable/bottom_bg_shape">
<ImageView
android:layout_width="30dp"
android:layout_height="30dp"
android:layout_centerInParent="true"
android:src="@mipmap/icon_go" />
</RelativeLayout>
<RelativeLayout
android:layout_width="0dp"
android:layout_height="match_parent"
android:layout_gravity="bottom"
android:layout_weight="1">
<ImageView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerInParent="true"
android:src="@mipmap/ic_launcher" />
</RelativeLayout>
<RelativeLayout
android:layout_width="0dp"
android:layout_height="match_parent"
android:layout_gravity="bottom"
android:layout_weight="1">
<ImageView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerInParent="true"
android:src="@mipmap/ic_launcher" />
</RelativeLayout>
</LinearLayout>
</RelativeLayout>
這張圖呢是我剛剛做的,效果是參考了酷狗音樂播放器來完成的,我想說明重點在底部的導航欄:如圖

再來一張反效果預覽圖:
如何使得藍色圓形的播放鍵的顯示越過粉色的范圍。當然經過合理的布局是可以達到這樣的效果的,但是卻有更簡單的方法。也就是在根布局的屬性中加入一個來自Android自身提供的屬性:
android:clipChildren="false"
屬性解釋和說明:
1、android:clipChildren的意思:是否限制子View在其范圍內
2、可以通過android:layout_gravity控制超出的部分如何顯示。
3、只需在根節(jié)點設置android:clipChildren為false即可,默認為true
總結
以上就是如何讓安卓(Android)子控件超出父控件的范圍顯示出來的全部內容,大家學會了嗎?希望本文可以幫助到各位。
- android ListView內數(shù)據(jù)的動態(tài)添加與刪除實例代碼
- Android實現(xiàn)ListView數(shù)據(jù)動態(tài)加載的方法
- Android實現(xiàn)listview動態(tài)加載數(shù)據(jù)分頁的兩種方法
- Android判斷touch事件點是否在view范圍內的方法
- Android百度地圖poi范圍搜索
- 一看就懂的Android APP開發(fā)入門教程
- Android基礎之使用Fragment控制切換多個頁面
- 六款值得推薦的android(安卓)開源框架簡介
- Android應用開發(fā)SharedPreferences存儲數(shù)據(jù)的使用方法
- Android實現(xiàn)動態(tài)定值范圍效果的控件
相關文章
Android Flutter實現(xiàn)自定義下拉刷新組件
在Flutter開發(fā)中官方提供了多平臺的下拉刷新組件供開發(fā)者使用。本文將改造一下這些組件,實現(xiàn)自定義的下拉刷新組件,感興趣的可以了解一下2022-08-08
ViewPager 與 Fragment相結合實現(xiàn)微信界面實例代碼
這篇文章主要介紹了ViewPager 與 Fragment相結合實現(xiàn)微信界面實例代碼的相關資料,需要的朋友可以參考下2016-07-07

