`

Android RelativeLayout 实现顶部左中右导航栏

阅读更多
Main.XML

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent" android:layout_height="fill_parent"
android:orientation="vertical">
<RelativeLayout android:id="@+id/Relativelayout01"
android:background="@drawable/head_bg"
android:layout_width="fill_parent" 
android:layout_height="42dp">
<ImageButton android:id="@+id/a"
android:layout_width="36dp" 
android:layout_height="27dp"
android:layout_toLeftOf="@id/Relativelayout01" 
android:src="@drawable/back"
android:layout_marginTop="10dp"
/>
<ImageButton android:id="@+id/b" 
android:layout_width="125dp" 
android:layout_height="27dp"
android:layout_centerInParent="true" 
android:src="@drawable/logo"
/>
<ImageButton android:id="@+id/c"
android:layout_width="48dp" 
android:layout_height="27dp"
android:layout_alignParentRight="true"
android:src="@drawable/login"
android:layout_marginTop="10dp"
/>
</RelativeLayout>
</LinearLayout>

 

RelativeLayout用到的一些重要的属性:

第一类:属性值为true或false
android:layout_centerHrizontal                                           水平居中
android:layout_centerVertical                                            垂直居中
android:layout_centerInparent                                           相对于父元素完全居中
android:layout_alignParentBottom                                     贴紧父元素的下边缘
android:layout_alignParentLeft                                          贴紧父元素的左边缘
android:layout_alignParentRight                                        贴紧父元素的右边缘
android:layout_alignParentTop                                          贴紧父元素的上边缘
android:layout_alignWithParentIfMissing                            如果对应的兄弟元素找不到的话就以父元素做参照物

第二类:属性值必须为id的引用名“@id/id-name”
android:layout_below                          在某元素的下方
android:layout_above                          在某元素的的上方
android:layout_toLeftOf                       在某元素的左边
android:layout_toRightOf                     在某元素的右边

android:layout_alignTop                      本元素的上边缘和某元素的的上边缘对齐
android:layout_alignLeft                      本元素的左边缘和某元素的的左边缘对齐
android:layout_alignBottom                 本元素的下边缘和某元素的的下边缘对齐
android:layout_alignRight                    本元素的右边缘和某元素的的右边缘对齐

第三类:属性值为具体的像素值,如30dip,40px
android:layout_marginBottom              离某元素底边缘的距离
android:layout_marginLeft                   离某元素左边缘的距离
android:layout_marginRight                 离某元素右边缘的距离
android:layout_marginTop                   离某元素上边缘的距离

 

android教程

分享到:
评论

相关推荐

    android demo,navigationBar,导航栏,左边按钮,右边按钮,中间文字的实现

    在Android应用开发中,导航栏(NavigationBar)是用户界面中不可或缺的部分,它为用户提供了一种在各个屏幕之间导航的方式。本教程将详细讲解如何在Android中实现一个具有左侧按钮、右侧按钮以及中间文字的自定义...

    Android RelativeLayout 的应用

    这些属性主要用于确保视图在父容器中的特定位置固定不变,非常适合用于创建导航栏、页脚等元素。 ##### 居中对齐 1. **`android:layout_centerHorizontal`**:使视图水平居中(当设置为`true`时)。 2. **`android:...

    Android项目导航菜单横向左右滑动并和下方的控件实现联动.rar

    - 在Android中,侧滑导航菜单通常通过`SlidingDrawer`(旧版)或`NavigationView`(新版)来实现。`NavigationView`是Android Design Support Library的一部分,它提供了Material Design风格的导航视图。 - 菜单的...

    Android实现导航菜单左右滑动效果

    在Android应用开发中,创建一个具有左右滑动效果的导航菜单是提高用户体验的重要方式之一。这种效果常见于许多流行的移动应用中,如Google Maps、Facebook等。本文将深入探讨如何在Android项目中实现这一功能。 ...

    Android界面滑动,导航栏同步滑动

    在Android应用开发中,创建一个用户友好的界面是至关重要的,尤其当涉及到界面滑动和导航栏同步操作时。这个“Android界面滑动,导航栏同步滑动”的项目就是一个很好的学习资源,它提供了清晰易懂的示例代码,旨在...

    Android仿微信底部导航栏.zip

    在Android应用开发中,微信底部导航栏是一种常见的用户界面元素,用于在多个主功能之间切换。这个"Android仿微信底部导航栏.zip"压缩包显然包含了实现这一功能的源代码,适用于那些希望在自己的Android应用中复现...

    Android左侧推出导航的简单实现

    在本篇知识分享中,我们将探讨如何在Android项目中实现一个简单的侧滑导航。 首先,我们需要了解的是Android的布局系统。在Android中,我们通常使用`FrameLayout`, `LinearLayout`, `RelativeLayout`等布局来组织UI...

    Android中ListView左右联动

    这种效果在很多应用中都能看到,比如导航栏、菜单选择等。 要实现Android中的ListView左右联动,首先需要理解ListView的基本工作原理。ListView通过Adapter来填充数据,并利用ViewHolder模式提高滚动时的性能。...

    android左右抽屉效果

    在Android开发中,"抽屉效果"是一种常见的界面交互设计,通常用于实现侧边栏导航。这个效果使得用户可以通过从屏幕边缘向内滑动来显示或隐藏一个菜单,这种设计在许多应用程序中都能看到,例如Google Maps、Facebook...

    仿新版QQ底部动态导航栏

    5. **布局管理**:在Android中,我们可能需要使用`RelativeLayout`或`ConstraintLayout`来管理底部导航栏的布局,确保图标按钮在动画过程中保持正确的相对位置。 6. **状态保存与恢复**:当用户在导航栏之间切换时...

    Android侧滑导航栏的实例代码

    在Android SDK中,侧滑导航栏可以通过`android.support.v4.widget.DrawerLayout`类来实现。下面将详细介绍如何创建一个简单的Android侧滑导航栏实例,并结合给定的代码进行解析。 首先,`DragLayout`看起来是自定义...

    android类似facebooke抽屉式导航菜单源码

    在Android应用开发中,抽屉式导航菜单(Drawer Menu)是一种常见的设计模式,它模仿了Facebook应用程序的侧滑导航方式,使用户能够轻松地在不同的功能模块之间切换。抽屉式菜单通常隐藏在屏幕左侧,当用户向右滑动...

    仿微信左右滑动的tab实现

    1. **ViewPager**: Android中的`ViewPager`组件是实现左右滑动页面切换的主要工具。它允许用户通过水平滑动手势在多个`Fragment`之间进行切换。在本项目中,每个Tab代表一个`Fragment`,`ViewPager`负责管理这些`...

    Android仿qq聊天界面顶部导航条

    在Android应用开发中,创建一个类似QQ聊天界面的顶部导航条是提高用户体验和界面美观度的重要环节。这个组件不仅能够提供清晰的导航功能,还能增强应用程序的交互性和一致性。以下是对这一主题的详细阐述。 首先,...

    Android-精仿京东商品详情页效果支持左右滑动上下滑动

    沉浸式效果,即全屏无状态栏和导航栏的效果,可以通过设置主题或在代码中动态修改系统UI窗口属性实现。在`AndroidManifest.xml`中,为对应的Activity设置`android:theme="@android:style/Theme.DeviceDefault....

    Android源码——整体UI设计(滑动导航栏+滚动页面).zip

    本教程将探讨如何在Android中实现一个具有滑动导航栏和滚动页面的整体UI设计。通过分析和学习提供的源码,我们可以深入理解Android UI组件的用法和交互机制。 首先,滑动导航栏(通常称为Slide Navigation Drawer)...

    Android实现多个按钮左右相互挤压效果_android源码.zip

    在本案例中,"Android实现多个按钮左右相互挤压效果"是一个具体的实现示例,它演示了如何在Android应用中创建这种动态布局。 首先,要实现这个效果,我们需要理解Android的布局系统,特别是对`LinearLayout`、`...

    安卓仿微信滑动切换页面

    5. **连接ViewPager和导航栏(如果需要)** 如果你希望实现类似微信顶部的标签栏,可以使用TabLayout配合ViewPager。TabLayout可以显示当前页面的标签,并且与ViewPager联动,当用户点击不同标签时,ViewPager会...

    android仿网易、人人滑动界面的实现demo

    这可能涉及到对其他组件(如导航栏、工具栏)的隐藏或显示,以及保存和恢复界面状态。 5. **边缘检测**:为了防止用户在内容区域内过度滑动,需要实现边缘检测机制。当手指接近屏幕边缘时,应启动滑动行为。 6. **...

    MyGuideView1_android底部左右滑动(流行Android主界面).rar

    3. 底部:这里指的可能是屏幕的底部区域,是用户界面中一个重要的交互位置,常用于放置导航栏、工具栏等元素。 4. 左右滑动:这是一种常见的触摸屏手势,用户可以通过向左或向右滑动手指来浏览或切换不同的内容或...

Global site tag (gtag.js) - Google Analytics