android LinearLayout 布局实例代码

前端技术 2023/09/09 Android

复制代码 代码如下:

<?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的值如何去确定,而且采用的是数值越小,重要度越高的方式,分配起来还得好好计算一下。

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.stayed.cn/item/25596

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见,何事秋风悲画扇。