正文

一、效果图

看到这个图时你可以先想想如果是你,你怎么实现这个效果。马上想到用RelativeLayout?NO,NO,NO,,,

二、实现代码

<? xmlversion="1.0"encoding="utf-8" ?>
< LinearLayout xmlns:android ="http://schemas.android.com/apk/res/android"
android:layout_width
="match_parent"
android:layout_height
="match_parent"
android:clipChildren
="false"
android:orientation
="vertical" >

< android.support.v4.view.ViewPager
android:id ="@+id/view_pager"
android:layout_width
="match_parent"
android:layout_height
="0dip"
android:layout_weight
="1.0" />

< LinearLayout
android:layout_width ="match_parent"
android:layout_height
="48dip"
android:background
="#B0C4DE"
android:orientation
="horizontal" >

< ImageView
android:layout_width ="0dip"
android:layout_height
="fill_parent"
android:layout_weight
="1.0"
android:scaleType
="fitCenter"
android:src
="@drawable/ic_launcher" />

< ImageView
android:layout_width ="0dip"
android:layout_height
="fill_parent"
android:layout_weight
="1.0"
android:scaleType
="fitCenter"
android:src
="@drawable/ic_launcher" />

< ImageView
android:layout_width ="0dip"
android:layout_height
="64dip"
android:layout_gravity
="bottom"
android:layout_weight
="1.0"
android:scaleType
="fitCenter"
android:src
="@drawable/ic_launcher" />

< ImageView
android:layout_width ="0dip"
android:layout_height
="fill_parent"
android:layout_weight
="1.0"
android:scaleType
="fitCenter"
android:src
="@drawable/ic_launcher" />

< ImageView
android:layout_width ="0dip"
android:layout_height
="fill_parent"
android:layout_weight
="1.0"
android:scaleType
="fitCenter"
android:src
="@drawable/ic_launcher" />
</ LinearLayout >

</ LinearLayout >

代码说明:

1、只需在根节点设置android:clipChildren为false即可,默认为true

2、可以通过android:layout_gravity控制超出的部分如何显示。

3、android:clipChildren的意思:是否限制子View在其范围内

更多相关文章

  1. android View 重绘机制
  2. Android(安卓)GPS架构分析
  3. android流式布局热门标签的实现
  4. Android之UI学习篇七:ImageView实现适屏和裁剪图片的功能
  5. Android(安卓)ImageView实现上一页,下一页图片切换
  6. Chronometer控件实现的Android计时器
  7. Getting Started with RabbitMQ on Android
  8. 安卓第三天---ViewPager控件实现滑动切换图片
  9. Android使用FFmpeg(三)--ffmpeg实现视频播放

随机推荐

  1. JS数据类型与函数
  2. rem+vw 布局的原理与 rem 的设置技巧
  3. css样式来源、基本选择器、上下文选择器
  4. rem+vw 布局手机端与 grid 布局详解
  5. 移动端页面布局技巧、Grid布局基础知识
  6. 流程控制,模板函数
  7. 流程控制,循环,模板字面量,模板函数演示
  8. 伪类选择器、字体图标、盒模型
  9. 细说函数和数据类型
  10. 表格与表单