如何让安卓(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 交通频道 作文范文 真的不是我 我会烧饭了300字 赏月趣事作文800字 第三章 女生咖啡组合 励志书的读书心得3篇 来世,只擦肩而过 当转角遇到爱 小学教师敬业演讲稿:用爱抒写教育发展观 由心而发,感悟人生作文800字 读《金色的鱼钩》有感500字 家乡的鱼塘 村主任竞选讲演材料 《烛之武退秦师》备课资料2 小沈阳经典语录摘抄 中考零分作文大全:国庆日 我创新所以我生存 彼岸流年作文750字 生死一分钟之一250字 文人幽默“谢客”诗 餐桌上的对话500字 学习国旗下的讲话 烟花绽放的瞬间 十大杰出青年先进事迹——武警支队副参谋长 小学生走过冬天作文范文 我甘心情愿的等,你能让我不在失望么? 初中同学聚会邀请函范本_邀请函 女人的付出,你懂得吗/ 成长中跑向成长了 《兰亭集序》同步练习5 10年后的相遇350字 假如我是一个发明家作文200字 阅读是美丽的作文600字 骨干教师LDC培训学习体会 【青春励志】让你懂得爱情真谛与美好的10句话! 乡村的孩子作文700字 初中初二作文900字:我懂得了自信 倾听花儿作文500字 描写秋季田野的好段 小小少年 关于精美段落摘抄大全 红尘无约 林仕锟:与神恋爱 圣诞节作文:圣诞红 我终于为自己竖起大拇指 关于世界末日的作文 2010年学年第一学期班主任工作总结范文 学习写作文的滋味 二年级下册《平移》教案 小学生作文:且说泸定桥 和同事如何相处不闹别扭

Copyright © 2016 phpStudy |