用户登录
用户注册

分享至

Android 线性布局 | 学习笔记

  • 作者: 白富美的眼中盯
  • 来源: 51数据库
  • 2021-08-31

线性布局

  • 一、线性布局
  • 二、对齐方式
  • 三、登录界面设计
  • 四、备注

(学习笔记)

一、线性布局

  1. 布局:排列方式(在进行Android开发中,常常需要用到各种布局来进行UI的绘制)。
  2. 线性布局时Android最常见的一种布局方式,线性布局分为水平线性布局垂直线性布局,通过android:orientation属性可以设置线性布局的方向。

垂直方向——

android:orientation:vertical

水平方向——

android:orientation:horizontal

==== (垂直方向)
==== (水平方向)

二、对齐方式

  1. 常用属性:android:gravity——设置控件内(子控件)的内容位置
  2. 常用居中对齐显示:

底端水平居中——

android:gravity="center_horizontal|bottom"

右侧垂直居中——

android:gravity="center_vertical|right"

三、登录界面设计

总布局是垂直的。

设置右间距——

android:layout_marginRight="30px"

登录界面xml——

<?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"
    android:gravity="center"
    tools:context=".MainActivity">


    <LinearLayout
        android:gravity="center"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal">

        <TextView
            android:layout_marginRight="30px"
            android:id="@+id/textView2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="用户名" />

        <EditText
            android:id="@+id/editTextTextPersonName"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:ems="10"
            android:inputType="textPersonName" />
    </LinearLayout>

    <LinearLayout
        android:gravity="center"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal">

        <TextView
            android:layout_marginRight="30px"
            android:id="@+id/textView3"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="密    码" />

        <EditText
            android:id="@+id/editTextTextPersonName2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:ems="10"
            android:inputType="textPersonName" />
    </LinearLayout>

    <LinearLayout
        android:gravity="center"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal">

        <Button
            android:layout_marginRight="90px"
            android:id="@+id/button7"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="登录" />

        <Button
            android:id="@+id/button8"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="取消" />
    </LinearLayout>
</LinearLayout>

四、备注

should use @string resource警告的解决方法
(可不解决)

软件
前端设计
程序设计
Java相关