Android 安卓基本布局

落日映苍穹つ 2022-05-23 10:04 326阅读 0赞

Android布局

# 1、LinearLayout布局（线性布局） #

线性布局它是水平或者垂直来排列的布局。

详解:

首先要设置布局的排列方式它有垂直排列和水平排列，

垂直排列:**android:orientation="vertical"**

水平排列:**android:orientation="horizontal"**

(1)加权重:

**              android:layout\_weight="值**

(2)设置大小给宽高:

水平布局宽为0，垂直布局高为0.

代码案例:

<?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=".CCD"
        android:orientation="vertical"
        >
    
        <Button
            android:layout_width="200dp"
            android:layout_height="0dp"
            android:layout_weight="2"
            android:text="左边"
            android:background="#0f0"
            />
    
        <Button
            android:layout_width="200dp"
            android:layout_height="0dp"
            android:layout_weight="2"
            android:text="右边"
            android:layout_gravity="right"
            android:background="#aaa"
            />
    
        <Button
            android:layout_width="200dp"
            android:layout_height="0dp"
            android:layout_weight="1"
            android:text="左边"
            android:background="#7788d6"
            />
    </LinearLayout>

效果图:

![20180606212548540][]

=====================================================================

# 2-相对布局RelativeLayout #

相对布局就是相对于一个ID组件的位置，代码案例：

<?xml version="1.0" encoding="utf-8"?>
    <RelativeLayout 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=".bj">
    
        
        <View
            android:id="@+id/middle"
            android:layout_width="50dp"
            android:layout_height="50dp"
            android:background="#161919"
            android:layout_centerInParent="true"
            />
    
        
        <View
            android:layout_width="50dp"
            android:layout_height="50dp"
            android:background="#0f0"
            android:layout_toRightOf="@+id/middle"
            android:layout_centerInParent="true"
    
            />
        
        
        <View
            android:layout_width="50dp"
            android:layout_height="50dp"
            android:background="#aaa"
            android:layout_toLeftOf="@+id/middle"
            android:layout_centerInParent="true"
            />
    
    
        
        <View
            android:layout_width="50dp"
            android:layout_height="50dp"
            android:layout_above="@+id/middle"
            android:layout_centerHorizontal="true"
            android:background="#96541d" />
        
        
        <View
            android:layout_width="50dp"
            android:layout_height="50dp"
            android:layout_below="@+id/middle"
            android:layout_centerHorizontal="true"
            android:background="#96541d" />
    </RelativeLayout>

效果图如下：

![20180611210245808][]

[20180606212548540]: /images/20220523/807449a11f354cfe9e4cd036bac02d7a.png
[20180611210245808]: /images/20220523/72150d5a352144ba9249853047c451c6.png