`
1140566087
  • 浏览: 559178 次
  • 性别: Icon_minigender_1
  • 来自: 武汉
博客专栏
2c4ae07c-10c2-3bb0-a106-d91fe0a10f37
c/c++ 入门笔记
浏览量:18530
3161ba8d-c410-3ef9-871c-3e48524c5263
Android 学习笔记
浏览量:314129
Group-logo
J2ME 基础学习课程集
浏览量:18741
A98a97d4-eb03-3faf-af96-c7c28f709feb
Spring 学习过程记录...
浏览量:17581
社区版块
存档分类
最新评论

Android 五大布局之(一) 线性布局和相对布局

阅读更多
<?xml version="1.0" encoding="utf-8"?>
<!--
     RelativeLayout 的相关的属性    相对布局 
	
	第一类 :属性值为true 和false 的:
	android:layout_centerHrizontal   	水平居中
	android:layout_centerVertial 		垂直居中
	android:layout_centerInparent 		相对于父元素完全居中
	android:layout_alignParentBottom 	贴紧父元素的下边缘
	android:layout_alignParentLeft		贴紧父元素的左边缘
	android:layout_alignParentRight		贴紧父元素的右边缘
	android:layout_alignParentTop		贴父元素的上边缘
	android:layout_alignWithParentIfMissing		如果对应的兄弟元素找不到的话就以父元素作为参照物
	
	
	第二类:属性值必须为id的引用名,"@id/id-name"   就是参照的元素id
	android:layout_below		在某元素的下方
	android:layout_above		在某元素的上方
	android:layout_toLeftOf		在某元素的左边
	android:layout_toRigthOf	在某元素的右边
	android:layout_alignTop		本元素的上边缘和某元素的上边缘对齐
	android:layout_alignLeft	本元素的左边缘和某元素的左边缘对齐
	android:layout_alignBottom	本元素的下边缘和某元素的下边缘对齐
	android:layout_alignRigth	本元素的右边缘和某元素的右边缘对齐
	
	第三类的:属性的值为具体的像素的值: 如:20dip  , 50px
	android:layout_marginBottom		离某元素底边缘的距离
	android:layout_marginLeft		离某元素左边缘的距离
	android:layout_marginRigth		离某元素右边缘的距离
	android:layout_marginTop		离某元素上边缘的距离
-->

<!--
					五大布局之一:线性布局   LinearLayout
					横向布局:一行多列   		纵向布局:一列多行
	本省的属性:
		android:background					设置整个布局画面的背景
		android:orientation="horizontal"	子元素的排列队形,是横向排列还是纵向排列
		android:gravity="bottom"			子元素在布局中的缺省(默认)看起方式
		android:padding						设置子元素的彼次连接,中间不留空白
		
	子元素的属性:
		android:layout_gravity			设置自身对象在父布局中的看齐方式,可以更新父布局对象给定的缺省的值
		android:layout_weight			将父布局中剩余的尺寸按各兄弟元素的weight值比例进行填充;
-->

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_gravity="center_horizontal"
    android:orientation="vertical" >

    <LinearLayout
        android:layout_marginTop="5dp"
       android:layout_gravity="center_horizontal"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:orientation="horizontal"  >

        <TextView
            android:id="@+id/tuser"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="账户:" />

        <EditText
            android:id="@+id/euser"
            android:layout_width="220dp"
            android:layout_height="wrap_content"
             />

    </LinearLayout>

    <!-- 二行 -->

    <LinearLayout
        android:layout_gravity="center_horizontal"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:orientation="horizontal" >

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="密码:" />

        <EditText
            android:id="@+id/epass"
            android:layout_width="220dp"
            android:layout_height="wrap_content"
             />
    </LinearLayout>
    
    <!-- 第三行 -->

    <LinearLayout
        android:layout_width="fill_parent"
        android:layout_marginLeft="20dp"
        android:layout_marginTop="20dp"
        android:layout_height="wrap_content"
        android:gravity="center_horizontal"
        android:orientation="horizontal" >

        <Button
            android:id="@+id/btnOk"
            android:layout_width="86dp"
            android:layout_height="35dp"
            android:text="登陆" />

        <Button
            android:layout_marginLeft="30px"
            android:id="@+id/btnCancel"
            android:layout_width="86dp"
            android:layout_height="35dp"
            android:text="取消" />
        
    </LinearLayout>
    
    <!-- 计算器的功能 -->
    
    <EditText
            android:id="@+id/n1"
            android:layout_marginLeft="70dp"
            android:layout_width="220dp"
            android:layout_height="wrap_content"
            android:singleLine="true"
            android:hint="input number"
            android:inputType="number"
             />
    
    <TextView
            android:id="@+id/tuser"
            android:layout_marginLeft="70dp"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="计算" />
    
    
    <EditText
            android:id="@+id/n2"
            android:layout_width="220dp"
            android:layout_marginLeft="70dp"
            android:layout_height="wrap_content"
            android:singleLine="true"
            android:inputType="number"
             />
    <Button
            android:layout_marginLeft="70dp"
            android:id="@+id/jisuan"
            android:layout_width="86dp"
            android:layout_height="35dp"
            android:text="计算" />

</LinearLayout>

0
0
分享到:
评论

相关推荐

    Android 五大布局方式详解

    Android中常用的5大布局方式有以下几种:...线性布局是Android开发中最常见的一种布局方式,它是按照垂直或者水平方向来布局,通过“android:orientation”属性可以设置线性布局的方向。属性值有垂直(vertical)和水平

    浅谈Android五大布局

    本文将深入探讨Android的五大布局,包括线性布局(LinearLayout)、相对布局(RelativeLayout)、帧布局(FrameLayout)、网格布局(GridLayout)以及约束布局(ConstraintLayout),并结合`layout.xml`文件的使用,...

    Android基础教程(二)之五大布局对象

    ### Android五大布局详解 在Android应用开发过程中,布局设计至关重要,它决定了用户界面(UI)的外观与交互方式。本文将详细介绍Android五大基本布局对象:`FrameLayout`(框架布局)、`LinearLayout`(线性布局)、...

    android 五大布局介绍附源码范例

    本篇文章将深入探讨Android的五大布局:LinearLayout(线性布局)、FrameLayout(单帧布局)、RelativeLayout(相对布局)、AbsoluteLayout(绝对布局)以及TableLayout(表格布局),并提供源码范例来帮助理解。...

    Android 之 五大布局案例

    本篇将探讨Android的五大布局案例,分别是线性布局(LinearLayout)、相对布局(RelativeLayout)、帧布局(FrameLayout)、网格布局(GridLayout)以及约束布局(ConstraintLayout)。这些布局各有特点,适用于不同...

    浅谈Android五大布局.PDF

    Android提供了多种布局方式来满足不同的界面需求,其中最常用的五大布局为LinearLayout(线性布局)、FrameLayout(单帧布局)、AbsoluteLayout(绝对布局)、RelativeLayout(相对布局)和TableLayout(表格布局)...

    Android之布局实例

    本篇文章将详细讲解Android中的五种主要布局:线性布局(LinearLayout)、相对布局(RelativeLayout)、帧布局(FrameLayout)、表格布局(TableLayout)以及约束布局(ConstraintLayout),并结合实例来帮助理解...

    Android五大基本布局demo

    本教程将深入探讨Android的五大基本布局:线性布局(LinearLayout)、相对布局(RelativeLayout)、帧布局(FrameLayout)、表格布局(TableLayout)以及约束布局(ConstraintLayout),并提供一个名为"layoutSample...

    Android 界面五大布局

    这些布局分别是:线性布局(LinearLayout)、相对布局(RelativeLayout)、帧布局(FrameLayout)、表格布局(TableLayout)和约束布局(ConstraintLayout)。下面将详细讲解这五种布局及其特点。 1. **线性布局...

    android笔记安卓基础知识 四大组件、六大布局、五大存储

    1. **LinearLayout(线性布局)**:按水平或垂直方向排列子视图,是最基础的布局方式之一。 2. **FrameLayout(框架布局)**:将所有子视图堆叠在一起,后面的视图会被前面的视图遮挡。 3. **TableLayout(表格...

    Android 五种Layout 布局

    1. **LinearLayout**:线性布局是最基础的布局类型,它按照垂直或水平方向排列子视图。你可以通过设置`orientation`属性来选择排列方向。例如: ```xml &lt;LinearLayout xmlns:android=...

    Android 五大布局

    以下是关于Android五大布局的详细解析: 1. **FrameLayout(框架布局)**:如其名,FrameLayout是一个基本的容器,用于放置单个视图或组件。在屏幕上,所有子元素都按照从上到下、从左到右的顺序叠加。第一个添加的...

    android-五大布局&单位详解

    本文将深入探讨Android的五大布局——线性布局(LinearLayout)、相对布局(RelativeLayout)、帧布局(FrameLayout)、表格布局(TableLayout)以及约束布局(ConstraintLayout),并详细解析它们的工作原理和使用...

    Android 开发五大布局案例使用

    在Android开发中,布局...通过上述案例,开发者可以逐步掌握Android五大布局的使用技巧,理解它们各自的特点和适用场景,从而提升UI设计的能力。在实践中不断学习和探索,将有助于成为一名出色的Android开发者。

    Android五种布局模式

    本文将深入探讨Android的五种主要布局模式:线性布局(LinearLayout)、相对布局(RelativeLayout)、帧布局(FrameLayout)、网格布局(GridLayout)以及约束布局(ConstraintLayout),并结合源代码实例进行解析。...

    Android开发教程之Android 五大布局--千锋培训

    本教程将深入探讨Android的五大布局:FrameLayout、LinearLayout、RelativeLayout、TableLayout以及AbsoluteLayout。 **1. FrameLayout布局** FrameLayout是最基础且简单的布局方式,它将所有子视图放在同一个位置...

    安卓的五大布局

    以下是关于Android五大布局的详细说明: 1. **LinearLayout(线性布局)** 线性布局按照垂直或水平的顺序排列其子视图。`android:orientation`属性用于设置排列方向,"vertical"表示垂直排列,"horizontal"表示...

    Android软件开发之盘点界面五大布局源码gegei.rar

    总的来说,"Android软件开发之盘点界面五大布局源码gegei.rar"这份资料对于Android开发者来说是一份宝贵的资源,涵盖了Android界面设计的基础和核心,通过学习和研究,开发者可以进一步提升自己的技能,创造出更加...

Global site tag (gtag.js) - Google Analytics