Android 安卓 基本 布局

 

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>


 

效果图:

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

 

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">

    <!--landroid:ayout_centerInParent    设置居中-->
    <View
        android:id="@+id/middle"
        android:layout_width="50dp"
        android:layout_height="50dp"
        android:background="#161919"
        android:layout_centerInParent="true"
        />

    <!--android:layout_toRightOf="@+id/middle"在id的右边
        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"

        />
    
    <!--ndroid:layout_toLeftOf="@+id/middle"//在id的左边
        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"
        />


    <!-- android:layout_above="@+id/middle"//在id的上面
        android:layout_centerHorizontal="true"-->
    <View
        android:layout_width="50dp"
        android:layout_height="50dp"
        android:layout_above="@+id/middle"
        android:layout_centerHorizontal="true"
        android:background="#96541d" />
    
    <!--android:layout_below="@+id/middle"//在id之下
        android:layout_centerHorizontal="true"-->
    <View
        android:layout_width="50dp"
        android:layout_height="50dp"
        android:layout_below="@+id/middle"
        android:layout_centerHorizontal="true"
        android:background="#96541d" />
</RelativeLayout>

 

效果图如下:

 

©️2020 CSDN 皮肤主题: 猿与汪的秘密 设计师: 上身试试 返回首页
实付0元
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值