android LinearLayout 布局实例代码

2016-02-19 10:10 26 1 收藏

下面是个android LinearLayout 布局实例代码教程,撑握了其技术要点,学起来就简单多了。赶紧跟着图老师小编一起来看看吧!

【 tulaoshi.com - 编程语言 】

代码如下:

?xml version="1.0" encoding="utf-8"? 
!--  
   LinearLayout 
       线性版面配置,在这个标签中,所有元件都是按由上到下的排队排成的 
 --
LinearLayout 
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical" 
    android:layout_width="fill_parent"
    android:layout_height="fill_parent" 
   !-- android:orientation="vertical" 表示竖直方式对齐 
        android:orientation="horizontal"表示水平方式对齐 
        android:layout_width="fill_parent"定义当前视图在屏幕上 
                     可以消费的宽度,fill_parent即填充整个屏幕。 
        android:layout_height="wrap_content":随着文字栏位的不同 
        而改变这个视图的宽度或者高度。有点自动设置框度或者高度的意思 

       layout_weight 用于给一个线性布局中的诸多视图的重要度赋值。 
     所有的视图都有一个layout_weight值,默认为零,意思是需要显示 
     多大的视图就占据多大的屏幕空 间。若赋一个高于零的值,则将父视 
     图中的可用空间分割,分割大小具体取决于每一个视图的layout_weight 
       值以及该值在当前屏幕布局的整体 layout_weight值和在其它视图屏幕布 
     局的layout_weight值中所占的比率而定。 
     举个例子:比如说我们在 水平方向上有一个文本标签和两个文本编辑元素。 
    该文本标签并无指定layout_weight值,所以它将占据需要提供的最少空间。 
    如果两个文本编辑元素每一个的layout_weight值都设置为1,则两者平分 
    在父视图布局剩余的宽度(因为我们声明这两者的重要度相等)。如果两个  
   文本编辑元素其中第一个的layout_weight值设置为1,而第二个的设置为2, 
   则剩余空间的三分之二分给第一个,三分之一分给第二个(数值越小,重要 
              度越高)。 
    --
    LinearLayout
    android:orientation="horizontal"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:layout_weight="1" 
    TextView
        android:text="red"
        android:gravity="center_horizontal"
        android:background="#aa0000"
        android:layout_width="wrap_content"
        android:layout_height="fill_parent"
        android:layout_weight="1"/ 

    TextView
        android:text="green"
        android:gravity="center_horizontal"
        android:background="#00aa00"
        android:layout_width="wrap_content"
        android:layout_height="fill_parent"
        android:layout_weight="1"/ 

    TextView
        android:text="blue"
        android:gravity="center_horizontal"
        android:background="#0000aa"
        android:layout_width="wrap_content"
        android:layout_height="fill_parent"
        android:layout_weight="1"/ 

    TextView
        android:text="yellow"
        android:gravity="center_horizontal"
        android:background="#aaaa00"
        android:layout_width="wrap_content"
        android:layout_height="fill_parent"
        android:layout_weight="1"/ 

    /LinearLayout 

    LinearLayout
    android:orientation="vertical"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:layout_weight="2" 

    TextView
        android:text="row one"
        android:textSize="15pt"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_weight="1"/ 

    TextView
        android:text="row two"
        android:textSize="15pt"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_weight="1"/ 

    TextView
        android:text="row three"
        android:textSize="15pt"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_weight="1"/ 

    TextView
        android:text="row four"
        android:textSize="15pt"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_weight="1"/ 

    /LinearLayout 

/LinearLayout

感觉这种形式有点像div+css的方式布局,不过这种方式的灵活性和div+css还是有些不及,主要是那android:layout_weight的值如何去确定,而且采用的是数值越小,重要度越高的方式,分配起来还得好好计算一下。

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/bianchengyuyan/)

Java代码  Views.java

代码如下:

package com.cn.view; 

import android.app.Activity; 
import android.os.Bundle; 

public class Views extends Activity { 
    /** Called when the activity is first created. */ 
    @Override 
    public void onCreate(Bundle savedInstanceState) { 
        super.onCreate(savedInstanceState); 
        setContentView(R.layout.main); 
    } 
}

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/bianchengyuyan/)

来源:https://www.tulaoshi.com/n/20160219/1593644.html

延伸阅读
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"     &n...
标签: Web开发
Source Code to Run html head style type="text/css" !-- body {  margin: 0;  padding: 0;  font-size:12px; } #layout{  background-color: #FFFFFF;  border: 0;  width: 400px;  margin: 0 auto; } .list{  margin: 0px 10px 20px;  text-align: left; } .list ul{  list-style-ty...
方法一 1.放在drawable下的selector.xml文件 代码如下: android="http://schemas.android.com/apk/res/Android"    android:drawable="@drawable/temp2" / 2.布局文件main.xml 代码如下: http://schemas.android.com/apk/res/android"     android:orientation="vertical"     android:layout...
一、首先,我们来看一下效果图,这是新浪微博的Tab滑动效果。我们可以手势滑动,也可以点击上面的头标进行切换。与此同方式,白色横条会移动到相应的页卡头标下。这是一个动画效果,白条是缓慢滑动过去的。好了,接下来我们就来实现它。 二、在开始前,我们先要认识一个控件,ViewPager。它是google SDk中自带的一个附加包的一个类,可以用来...
标签: Web开发
许多网页设计师都喜欢,将两个或者多个容器等高的并排放置,并在里面展示每个容器的内容,就象经典表格布局中的单元格控制几个栏目的位置,也喜欢容器的内容居中或顶部对齐显示。 但是你又不喜欢用table来实现他,那怎么办呢?实现的方法很多,有根据视觉错觉实现的,有用JS控制使高度相等的,还有采用容器溢出部分隐藏和列的负底边...

经验教程

586

收藏

40
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部