Android studio界面布局的简单介绍

Posted 或者活着

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Android studio界面布局的简单介绍相关的知识,希望对你有一定的参考价值。

这两天通过网上的一些视频教学,了解学习了AS的布局问题,下面对布局进行简单介绍:

主要包括:

1、LinearLayout(线性布局)

2、View视图

一、LinearLayout

(1)Layout_width:设置的是当前视图的宽度,设置的属性包括match_parent,wrap_content,或者是px值,dp值

match_parent代表的当前视图继承父视图的宽度,如果没有父视图,那么继承当前手机屏幕的宽度。

wrap_content显示时,按照当前视图的具体大小来显示。

或者我们可以给当前视图直接赋予固定的属性,常用的单位有px和dp。

px大家都知道是像素点的单位,但是我们日常生活中的手机会 因为款式问题,在像素的分布方面有着较大的区别,所以我们一般会采用手机的计量单位dp。

(2)Layout_height:设置的是当前视图的高度,其属性和Layout_width基本一致,这里就不重复了。

(3)Layout_background:设置背景颜色。

(4)orientation:用于设置视图的牌排列方式,vertical是水平排列,horizotal是垂直排列。

(5)pad:内部元素之间的间隔(pad是四周的间隔,paddingLeft是与左侧的间隔,还有其他的paddingRight,paddingButton,paddingStart等,根据直译即可知道间隔方向)。

(6)gravity:设置对齐方式,例如:center为居中对齐,left为左对齐。

二、View视图

View视图包含在LinearLayout中,其主要属性包括:

(1)Layout_height、Layout_width、Layout_background等属性和上面提到的基本一致,在这里就不重复了。

(2)layout_weight:是对当前剩余空间按照权重分配(例如1:1的话,会各占剩下部分的50%)。

 

下面直接上源码:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"

    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="#ffffff"
        android:gravity="left"
        android:layout_weight="1"
        >
        <View
        android:layout_width="0dp"
        android:layout_height="match_parent"
        android:background="#ff9876"
        android:layout_weight="1"
        />
        <View
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:background="#00f876"
            android:layout_weight="1"
            />
    </LinearLayout>
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="30dp"
        android:paddingLeft="130dp">
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:text="Hello World!"/>
    </LinearLayout>
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="#ffffff"
        android:gravity="left"
        android:layout_weight="1"
        >
        <View
            android:layout_width="50dp"
            android:layout_height="match_parent"
            android:background="#ffffff"
            android:layout_weight="1"
            />
        <View
            android:layout_width="50dp"
            android:layout_height="match_parent"
            android:background="#0000ff"
            android:layout_weight="1"
            />
    </LinearLayout>
</LinearLayout>

最后程序运行出的截图为:

 

 

 

 

 

 

 

 

 

 

 

 

 

 

    以上就是本次博客的全部内容了,如果有不懂的可以评论询问哦。

以上是关于Android studio界面布局的简单介绍的主要内容,如果未能解决你的问题,请参考以下文章

简单步骤,使用 Android studio 实现保存 QQ 账号密码,和简易 QQ 用户登录界面

android studio怎么切换到原代码编写界面

学会使用Android Studio网格布局制作计算器界面

使用 Android Studio 构建简单的用户界面

Android studio关于界面跳转问题

android studio 布局界面出不来