java 界面线性布局_布局Layouts之LinearLayout线性布局

本文详细介绍了Android中的LinearLayout线性布局,包括其基本概念、方向设置以及XML和Java代码实现方式。通过实例展示了如何创建并配置线性布局,使组件按垂直或水平方向排列,同时讲解了不同width和height属性设置对布局的影响。

从Hello world!开始,我们一直都是在一种布局下学习的,当然,对于基础内容的学习,还是没有任何问题的!但——

在Android开发中UI设计也是十分重要的,当用户使用一个App时,最先感受到的不是这款软件的功能是否强大,而是界面设计是否赏心悦目,用户体验是否良好。也可以这样说,有一个好的界面设计去吸引用户的使用,才能让更多的用户体验到软件功能的强大。

那么,Android中几种常用布局则显得至关重要。各个布局既可以单独使用,也可以嵌套使用,我们应该在实际应用中应灵活变通。

第2章、LinearLayout线性布局

LinearLayout是一种线型的布局方式。LinearLayout布局容器内的组件一个挨着一个地排列起来:不仅可以控制个组件横向排列,也可控制各组件纵向排列。通过orientation属性设置线性排列的方向是垂直(vertical)还是纵向(horizontal)。

我们下面通过XML布局和Java代码布局两种方式分别举例:

一、XML方式布局

1、创建一个空白Activity

504791bbf902bbaf9a3276ec5bff4431.png

2、打开“res/layout/activity_main.xml”文件,修改成以下代码。

766ca46aac01350ff575790ea8b76e66.png

(1)第①部分

<?xml  version="1.0" encoding="utf-8">,每个XML文档都由XML序言开始,在前面的代码中的第一行便是XML序言,<?xml  version="1.0">。这行代码表示按照1.0版本的XML规则进行解析。encoding = "utf-8"表示此xml文件采用utf-8的编码格式。编码格式也可以是GB2312。

如果你对此不太明白,请参阅相关XML文档。

(2)第②部分

(3)第③部分

android:layout_width="match_parent"    android:layout_height="match_parent"表示布局管理器宽度和高充将填充整个屏幕宽度和高度。

(4)第④部分

android:orientation="vertical"表示布局管理器内组件采用垂直方向排列。

如果要采用水平方向请使用:horizontal。

3、插入三个按钮。

859a681f4b7d5812a52f84b2534aac10.png

4、打开“res/layout/activity_main.xml”文件,修改成以下代码。

b977eaf37d3edef3e534dc48491cd758.png

将3个按钮的android:layout_width的属性设为:"match_parent"。

该属性可以有三个值:wrap_content、match_parent、fill_parent。

wrap_content表示宽度匹配内容,简单地说就是文字有多长按钮就多长。

match_parent表示宽度匹配父内容,按钮外的容器有多宽就显示多宽。

fill_parent与match_parent相同,android2.2以后就不推荐使用了。

最终显示效果如下:

bfa8a10f3f8d8a88c302025549713443.png

二、Java代码方式布局

上面我们已经了解采用XML进行LinearLayout布局,我们现在再来学习一下如何使用Java代码完成与之同样功能。

1、打开“src/com.genwoxue.LinearLayout/MainActivity.java”文件。

然后输入以下代码:

36719b4c210aab4c8f229f11976bd269.png

在以上代码中,我们着重分析一下带有浅蓝色背景部分。

(1)第①部分

导入与LinearLayout、LayoutParams、Button相关的包。

(2)第②部分

创建线性布局管理器,并且设置布局管理宽度和高度与方向。

LinearLayout llLayout=new LinearLayout(this):创建线性布局管理器;

LayoutParams lpPara=new LayoutParams( LayoutParams.MATCH_PARENT,LayoutParams.MATCH_PARENT):创建布局参数,构造函数设置宽度与高度。用于设置线性布局管理器宽度与高度。

llLayout.setOrientation(LinearLayout.VERTICAL):设置布局管理器为垂直方向。

(3)第③部分

LayoutParams btnPara=new LayoutParams(LayoutParams.MATCH_PARENT,LayoutParams.WRAP_CONTENT):创建布局参数,构造函数设置宽度与高度。用于设置三个按钮宽度与高度。

(4)第④部分

创建3个按钮:btnFourth、btnFifth、btnSixth,设置其文本与布局参数。

(5)第⑤部分

为线性布局管理器添加3个按钮。

(6)第⑥部分

super.addContentView(llLayout, lpPara):为当前activity添加布局管理器以及布局管理器的参数对象。

2、显示效果

426cdb03d8d3e69f89a715b1dda019c1.png

MainActivity.java源码:

import android.app.Activity;

import android.os.Bundle;

import android.view.Menu;

import android.widget.Button;

import android.widget.LinearLayout;

import android.widget.LinearLayout.LayoutParams;//别导错了

public class MainActivity extends Activity {

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

//setContentView(R.layout.activity_main);

LinearLayout llLayout = new LinearLayout(this);

LayoutParams lpPara = new LayoutParams(LayoutParams.MATCH_PARENT, LayoutParams.MATCH_PARENT);

llLayout.setOrientation(LinearLayout.VERTICAL);

LayoutParams btnPara = new LayoutParams(LayoutParams.MATCH_PARENT, LayoutParams.WRAP_CONTENT);

Button btnFourth = new Button(this);

btnFourth.setLayoutParams(btnPara);

btnFourth.setText("第四个按钮");

Button btnFifth = new Button(this);

btnFourth.setLayoutParams(btnPara);

btnFourth.setText("第五个按钮");

Button btnSixth = new Button(this);

btnFourth.setLayoutParams(btnPara);

btnFourth.setText("第六个按钮");

llLayout.addView(btnFourth);

llLayout.addView(btnFifth);

llLayout.addView(btnSixth);

super.addContentView(llLayout, lpPara);

}

@Override

public boolean onCreateOptionsMenu(Menu menu) {

// Inflate the menu; this adds items to the action bar if it is present.

getMenuInflater().inflate(R.menu.main, menu);

return true;

}

}

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值