欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  移动技术

Android 线性布局 | 学习笔记

程序员文章站 2022-06-18 13:57:51
线性布局一、线性布局二、对齐方式三、登录界面设计四、备注(学习笔记)一、线性布局布局:排列方式(在进行Android开发中,常常需要用到各种布局来进行UI的绘制)。线性布局时Android最常见的一种布局方式,线性布局分为水平线性布局和垂直线性布局,通过android:orientation属性可以设置线性布局的方向。垂直方向——android:orientation:vertical水平方向——android:orientation:horizontal==== (垂直方向)=...


(学习笔记)

一、线性布局

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

垂直方向——

android:orientation:vertical

水平方向——

android:orientation:horizontal

==== (垂直方向)
==== (水平方向)
Android  线性布局 | 学习笔记

二、对齐方式

  1. 常用属性:android:gravity——设置控件内(子控件)的内容位置
  2. 常用居中对齐显示:
    Android  线性布局 | 学习笔记
    Android  线性布局 | 学习笔记

底端水平居中——

android:gravity="center_horizontal|bottom"

右侧垂直居中——

android:gravity="center_vertical|right"

三、登录界面设计

Android  线性布局 | 学习笔记

总布局是垂直的。
Android  线性布局 | 学习笔记
设置右间距——

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>

Android  线性布局 | 学习笔记

四、备注

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

本文地址:https://blog.csdn.net/weixin_43410621/article/details/108164607

相关标签: android xml