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>

 

效果图如下:

 

发布了100 篇原创文章 · 获赞 1029 · 访问量 76万+
展开阅读全文

没有更多推荐了,返回首页

©️2019 CSDN 皮肤主题: 猿与汪的秘密 设计师: 上身试试

分享到微信朋友圈

×

扫一扫,手机浏览