Android LinearLayout横排和竖排布局

如果在layout中要不重叠地显示多个子LinearLayout，则必须在orientation中明确是vertical 还是horizontal。

下面这个例子，在LinearLayout中，两个子Layout是竖直排布的，代码和显示结果分别如下，

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"xmlns:app="http://schemas.android.com/apk/res-auto"xmlns:tools="http://schemas.android.com/tools"android:layout_width="match_parent"android:layout_height="match_parent"android:orientation="vertical"tools:context="com.spacesoftwares.myapplication2.MainActivity"><LinearLayoutandroid:layout_width="match_parent"android:layout_height="150dp"><TextViewandroid:layout_width="300dp"android:layout_height="47dp"android:fontFamily="serif"android:text="I just want to write something here, don't do any thing first 支持中国汉字 显示 "android:textColor="#ff00ff" /><TextViewandroid:layout_width="105dp"android:layout_height="30dp"android:text="Hello my World!"app:layout_constraintBottom_toBottomOf="parent"app:layout_constraintLeft_toLeftOf="parent"app:layout_constraintRight_toRightOf="parent"app:layout_constraintTop_toTopOf="parent" /></LinearLayout><LinearLayoutandroid:layout_width="match_parent"android:layout_height="200dp"><TextViewandroid:layout_width="300dp"android:layout_height="47dp"android:fontFamily="serif"android:text="I just want to write something here, don't do any thing first 支持中国汉字 显示 "android:textColor="#ff00ff" /></LinearLayout></LinearLayout>

显示结果：

如果要横排显示，代码就有所不同，主要有两个地方，一个是主LinearLayout的orientation要写成horizontal, 子LinearLayout的宽度就不能再是match_parent了，此时可以选择适当的比例。我这里通过调节权重layout_weight = “1”，让两个子LinearLayout等宽，当然也你可以加入第3个或第4个再尝试一下，具体实例可参考【1】，很简单

源码和效果如下，

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"xmlns:app="http://schemas.android.com/apk/res-auto"xmlns:tools="http://schemas.android.com/tools"android:layout_width="match_parent"android:layout_height="match_parent"android:orientation="horizontal"tools:context="com.spacesoftwares.myapplication2.MainActivity"><LinearLayoutandroid:layout_width="fill_parent"android:layout_height="150dp"android:layout_weight="1"><TextViewandroid:layout_width="300dp"android:layout_height="47dp"android:fontFamily="serif"android:text="<span style="" font-size:9.0pt;"="">支持中国汉字 显示 "android:textColor="#ff00ff"android:background="#555555"/></LinearLayout><LinearLayoutandroid:layout_width="fill_parent"android:layout_height="150dp"android:layout_weight="1"><TextViewandroid:layout_width="300dp"android:layout_height="47dp"android:fontFamily="serif"android:text="<span style="" font-size:9.0pt;"="">支持中国汉字 显示 "android:textColor="#ff00ff"android:background="#000055"/></LinearLayout>
</LinearLayout>

显示结果：

另外一种不使用weight，主LinearLayout也不使用orientation的方式，如下

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="com.spacesoftwares.myapplication2.MainActivity">

    <LinearLayout
        android:layout_width="150dp"
        android:layout_height="100dp"
        >

        <TextView
            android:layout_width="150dp"
            android:layout_height="100dp"
            android:fontFamily="serif"
            android:text="支持中国汉字 显示 "
            android:textColor="#ff00ff"
            android:background="#555555"
            />

    </LinearLayout>

    <LinearLayout
        android:layout_width="250dp"
        android:layout_height="100dp"
        >
        <TextView
            android:layout_width="250dp"
            android:layout_height="100dp"
            android:fontFamily="serif"
            android:text="支持中国汉字 显示 "
            android:textColor="#ff00ff"
            android:background="#000055"
            />
    </LinearLayout>

</LinearLayout>

显示效果如下

参考

【1】 https://blog.csdn.net/zhulichen/article/details/54313576

【2】开发环境adroid studio 3.0, JRE1.8.0; 屏幕截图采用软件SpaceCapture v1.07a.

Android LinearLayout横排和竖排布局相关推荐

Android学习笔记(11):线性布局LinearLayout
线性布局LinearLayout是指在横向或是竖向一个接一个地排列.当排列的组件超出屏幕后,超出的组件将不会再显示出来. LinearLayout支持的XML属性和相应方法如表所看到的: Attrib ...
关于android LinearLayout的比例布局（转载）
关于android LinearLayout的比例布局,主要有以下三个属性需要设置: 1,android:layout_width,android:layout_height,android:layo ...
Android中常见五种布局管理器——RelativeLayout、LinearLayout、FrameLayout、TableLayout、GridLayout
目录布局管理器 RelativeLayout 常见属性 Relative的实践操作(实现软件更新界面) LinearLayout 常见属性 LinearLayout的实践操作(模范登录以及微信底部) ...
android 垂直水平居中对齐,Android开发借助LinearLayout实现垂直水平居中布局
释放双眼,带上耳机,听听看~! 在Android应用程序的开发中,有时需要限制水平和垂直屏幕的切换,今天这篇文章是技术狗小编为大家整理的Android应用借助LinearLayout实现垂直水平居中布 ...
Android LinearLayout 各布局属性总结
LinearLayout是开发中使用率很高的控件,大部分开发人员感觉应该是很熟悉了,不过LinearLayout还有如下几个需要注意的地方,深刻了解以下几点可以让我们更加全面地认识LinearLayo ...
Android LinearLayout布局
1. LinearLayout类线性布局(LinearLayout)将子视图以线性方式显示.主要属性 orientation,horizontal代表水平方向,vertical代表垂直方向 weig ...
android linearlayout最大高度,Android中最简单最常用的LinearLayout线性布局
原标题:Android中最简单最常用的LinearLayout线性布局良好的布局设计对于UI界面至关重要,在前面也简单介绍过,目前Android中的布局主要有6种,创建的布局文件默认为Relativ ...
android设置水平布局,Android开发借助LinearLayout实现垂直水平居中布局
释放双眼,带上耳机,听听看~! 在Android应用程序的开发中,有时需要限制水平和垂直屏幕的切换,今天这篇文章是技术狗小编为大家整理的Android应用借助LinearLayout实现垂直水平居中布 ...
Android 改变窗口标题栏的布局
Android改变窗口标题栏的布局第一种方式 --在XML文件里面引入配置文件作为标题. 第二种方式 --动态的代码加入进去. 第三种方式(网上的): 一. 重点一般应用的Title都是建立应 ...

Android LinearLayout横排和竖排布局

Android LinearLayout横排和竖排布局相关推荐

最新文章

热门文章