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

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 五大布局介绍附源码范例

    nearLayout(线性布局)、FrameLayout(单帧布局)、RelativeLayout(相对布局)、AbsoluteLayout(绝对布局)和TableLayout(表格布局)。

    Android 五大布局

    Android对用五大布局对象,它们分别是FrameLayout(框架布局),LinearLayout (线性布局),AbsoluteLayout(绝对布局),RelativeLayout(相对布局),TableLayout(表格布局).

    安卓的五大布局

    本文档包含了五大布局的使用,示例等 Android的五大布局LinearLayout(线性布局)、FrameLayout(单帧布局)、RelativeLayout(相对布局)、AbsoluteLayout(绝对布局)和TableLayout(表格布局)

    【Android开发学习笔记之一】5大布局方式详解 - Angel_Kitty - 博客园.pdf

    Android开发学习笔记五大布局方式详解,线性布局,相对布局,帧布局,绝对布局,表格布局。。。。 。。。。。

    Android开发-之五大布局详解

    Android五大布局让界面更加美化,开发起来也更加方便。当然布局方式不一样应用的地方也不一样,当然了有的布局方式也是可以相互转换和嵌套使用的。它们都各有各的优缺点,具体页面要怎么布局还是得看开发需求,但是...

    Android五大UI布局的特有属性

    1.LinearLayout线性布局2.RelativeLayout相对布局3.FrameLayout帧布局,空白布局4.GridLayout网格布局5.AbsoluteLayout绝对布局1、排列方向:vertical竖向,horizontal横向如:android:orientation="vertical"2、设置...

    深入Android 五大布局对象的应用

    FrameLayout(帧布局),LinearLayout (线性布局),AbsoluteLayout(绝对布局),RelativeLayout(相对布局),TableLayout(表格布局)FrameLayout:FrameLayout是最简单的一个布局对象。它被定制为你屏幕上的一个空白备用区域,...

    简析Android五大布局(LinearLayout、FrameLayout、RelativeLayout等)

    Android的五大布局分别是LinearLayout(线性布局)、FrameLayout(单帧布局)、RelativeLayout(相对布局)、AbsoluteLayout(绝对布局)和TableLayout(表格布局)。 布局一:LinearLayout LinearLayout按照垂直...

    浅谈Andriod五大布局

    Android的界面是有布局和组件协同完成的,布局...Android的五大布局分别是LinearLayout(线性布局)、FrameLayout(单帧布局)、RelativeLayout(相对布局)、AbsoluteLayout(绝对布局)和TableLayout(表格布局)。

    android学习文档

    2.1.1 五大布局: 21 2.1.2 属性: 21 2.1.3 常用的长度单位解析: 21 2.2 线性布局 22 2.3 表格布局 22 2.4 相对布局 23 2.5 基本界面组件 23 2、Activity生命周期及其实例分析 24 1.1 Avtivity介绍 24 1.2 ...

    Android应用开发揭秘pdf高清版

     国内第一本基于Android 2.0的经典著作,5大专业社区联袂推荐,权威性毋庸置疑!《Android应用开发揭秘》内容全面,不仅详细讲解了Android框架、Android组件、用户界面开发、游戏开发、数据存储、多媒体开发和网络...

    Android基础课内实验报告.doc

    掌握线性布局、相对布局、帧布局、绝对布局、表格布局五大布局的布局管理。 2. 掌握列表视图、网格视图两大视图显示方式。 3. 了解适配器在列表视图和网格视图中的应用。 实验内容: 内容1:自己设计并创建一个...

    编写微信界面(UI界面设计-移动平台开发技术-gddrxy

    1. Android有五大布局对象,它们分别是FrameLayout(框架布局:不知道是不是这么翻译的),LinearLayout (线性布局),AbsoluteLayout(绝对布局),RelativeLayout(相对布局),TableLayout(表格布局)。 2. Android常用控件: 1...

    Android期末设计报告.docx

    2.2 界面设计 LinearLayout 线性布局/相对布局控件RelativeLayout。 控件的使用:button按钮控件/EditText文本框控件/imageView图片视图控件等。 3 功能需求 五子棋分为五个模块:开始游戏、游戏说明、最高纪录、...

    《Android自定义组件开发详解》

    第五章 阴影、渐变和位图运算 123 5.1 概述 123 5.2 阴影 123 5.3 渐变 125 5.3.1 线性渐变(LinearGradient) 126 5.3.2 径向渐变(RadialGradient) 130 5.3.3 扫描渐变(SweepGradient) 135 5.3.4 位图渐变...

Global site tag (gtag.js) - Google Analytics