如何让安卓(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、只需在根节点设置android:clipChildren为false即可,默认为true

总结

以上就是如何让安卓(Android)子控件超出父控件的范围显示出来的全部内容,大家学会了吗?希望本文可以帮助到各位。



相关阅读:
详细了解CSS中的class与id区别及用法
多个checkbox被选中时如何判断是否有自己想要的
Linux系统的电脑上调整屏幕亮度的方法
如何创建一个WinXP的域环境并将计算机加入到域中
《JavaScript高级编程》学习笔记之object和array引用类型
jquery+json实现数据二级联动的方法
node.js连接mongoDB数据库 快速搭建自己的web服务
PHP中开启gzip压缩的2种方法
win7电脑系怎么设置不睡眠、不自动黑屏?
详解PNG图片
Win10 10074最新预览版:Windows Defender有新家了
IOS如何替换电话号码中间4位为"-"符号
mysql简单实现查询结果添加序列号的方法
Windows下把MongoDB安装为系统服务的方法
快速导航
PHP MySQL HTML CSS JavaScript MSSQL AJAX .NET JSP Linux Mac ASP 服务器 SQL jQuery C# C++ java Android IOS oracle MongoDB SQLite wamp 交通频道 作文范文 医院外科应战书 驼背、歪脖、跛脚的女人 那场雨,下成了我的哭泣 幼儿园教师群众路线心得体会 2015年清明节祝福短信大全 区财政局反腐倡廉工作小结及2011年工作部署 互联网信息搜索服务需要鼓励和支持 背井离乡抛家别子到底为什么 环保经典顺口溜 路过·北极星作文100字 销售内勤年终工作总结范文 把快乐还给森林作文350字 寂寂苍苔满,沉沉绿草滋... 五四青年节由来 请不要再吸烟 【精品】五年级养成教育计划 高中语文读本第三册阅读练习-《黄州新建小竹楼记》练习1 风雨任平生 村干部年度工作总结3000字 我听到了作乱的旋律 桔子,真好吃! 一部电影、一本好书、一张专辑(二) 环卫工人作文500字 全市烟草行业形势教育工作总结 苦难之后,必有收获 关怀500字 《女人嫁谁都后悔》读后感100字 开展党的群众路线活动学习党章个人思想认识 我有理 护士岗前培训制度 卜居 心灵鸡汤带图早安语录 我多想拥抱你 初中初二作文800字:儿童诗江上改写 基层部门安全工作总结与计划 施人之恩,不发于言;受人之惠,不忘于心 带着亲情出发作文 美丽的房间 XX省消费者委员会2005年上半年工作总结 2015民主评议工作实施方案 能不能 ,不能 医院行政人员述职报告 初中初一作文650字:我的快乐天天在 乡镇关于世界人口日宣传活动总结2016 冬天 景逸凡 命运下的结局 绿色的云山 夕阳落红霞满天飞 保护水资源,是我们的任务 校园遐想作文 昆虫记美文摘抄

Copyright © 2016 phpStudy |