Android布局管理

一、线性布局

线性布局将组件按照水平(horizontal)或垂直(vertical)方向排列。

设置为水平方向:android:orientation="horizontal"。设置为垂直方向:android:orientation="vertical"。

程序运行结果如下:

布局文件activity_main1.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="fill_parent"    android:layout_height="fill_parent"    android:background="@drawable/tub"    android:orientation="vertical"    android:rotationX="0">    <Button        android:id="@+id/mButton1"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:text="111" />    <Button        android:id="@+id/mButton2"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:text="222" />    <Button        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:id="@+id/mButton3"        android:text="333" />    <Button        android:id="@+id/mButton4"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:text="444" />    <Button        android:id="@+id/mButton5"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:text="555" /></LinearLayout>

二、帧布局

程序运行结果如下:

布局文件activity_main1.xml的源代码如下:

<?xml version="1.0" encoding="utf-8"?><FrameLayout 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="fill_parent"    android:layout_height="match_parent"    android:foreground="@drawable/tuc"    android:foregroundGravity="right|top">    <TextView        android:id="@+id/txt1"        android:layout_width="350dp"        android:layout_height="200dp"        android:background="@color/cardview_dark_background"/>    <TextView        android:id="@+id/txt2"        android:layout_width="250dp"        android:layout_height="150dp"        android:background="@color/purple_700"/></FrameLayout>

三、表格布局

程序运行结果如下:

布局文件activity_main1.xml的源代码如下:

<?xml version="1.0" encoding="utf-8"?><TableLayout 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="fill_parent"    android:layout_height="fill_parent">    <TableRow>        <ImageView            android:layout_width="100dp"            android:layout_height="50dp"            android:src="@drawable/tuc" />        <ImageView            android:layout_width="100dp"            android:layout_height="50dp"            android:src="@drawable/tuc" />    </TableRow>    <TableRow>        <ImageView            android:layout_width="100dp"            android:layout_height="50dp"            android:layout_column="1"            android:src="@drawable/tuc" />        <ImageView            android:layout_width="100dp"            android:layout_height="50dp"            android:layout_column="2"            android:src="@drawable/tuc" />    </TableRow>    <TableRow>        <ImageView            android:layout_width="100dp"            android:layout_height="50dp"            android:layout_column="3"            android:src="@drawable/tuc" />    </TableRow></TableLayout>

四、相对布局

程序运行结果如下:

布局文件activity_main1.xml的源代码如下:

<?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:id="@+id/RelativeLayout1"    android:layout_width="match_parent"    android:layout_height="match_parent">        <ImageView            android:id="@+id/img"            android:layout_width="80dp"            android:layout_height="80dp"            android:layout_centerInParent="true"            android:src="@drawable/tue"/>        <Button            android:id="@+id/btn1"            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:layout_toLeftOf="@+id/img"            android:layout_centerVertical="true"            android:text="左边"/>        <Button            android:id="@+id/btn2"            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:layout_toRightOf="@+id/img"            android:layout_centerVertical="true"            android:text="右边"/>        <Button            android:id="@+id/btn3"            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:layout_above="@+id/img"            android:layout_centerHorizontal="true"            android:text="上面"/>        <Button            android:id="@+id/btn4"            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:layout_below="@+id/img"            android:layout_centerHorizontal="true"            android:text="下面"/></RelativeLayout>

五、网格布局

程序运行结果如下:

布局文件activity_main1.xml的源代码如下:

<?xml version="1.0" encoding="utf-8"?><GridLayout 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:rowCount="6"    android:columnCount="4">        <TextView            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:layout_columnSpan="4"            android:layout_marginLeft="4px"            android:gravity="left"            android:text="0"            android:textSize="50dp"/>    <Button        android:layout_columnWeight="1"        android:layout_columnSpan="3"        android:text="清除"        android:textSize="26sp"/>        <Button android:text="+" android:textSize="26sp"/>        <Button android:text="1" android:textSize="26sp"/>        <Button android:text="2" android:textSize="26sp"/>        <Button android:text="3" android:textSize="26sp"/>        <Button android:text="-" android:textSize="26sp"/>        <Button android:text="4" android:textSize="26sp"/>        <Button android:text="5" android:textSize="26sp"/>        <Button android:text="6" android:textSize="26sp"/>        <Button android:text="*" android:textSize="26sp"/>        <Button android:text="7" android:textSize="26sp"/>        <Button android:text="8" android:textSize="26sp"/>        <Button android:text="9" android:textSize="26sp"/>        <Button android:text="/" android:textSize="26sp"/>    <Button        android:layout_height="wrap_content"        android:layout_columnSpan="2"        android:layout_columnWeight="1"        android:text="0"        android:textSize="26sp"/>    <Button android:text="." android:textSize="26sp"/>    <Button android:text="=" android:textSize="26sp"/></GridLayout>

六、约束布局

程序运行结果如下:

布局文件activity_main1.xml的源代码如下:

<?xml version="1.0" encoding="utf-8"?><androidx.constraintlayout.widget.ConstraintLayout 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">    <ImageView        android:id="@+id/img"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        app:layout_constraintBottom_toTopOf="@+id/img2"        app:layout_constraintLeft_toLeftOf="parent"        app:layout_constraintRight_toRightOf="parent"        app:srcCompat="@drawable/tuf" />    <ImageView        android:id="@+id/img2"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        app:srcCompat="@mipmap/ic_launcher"        app:layout_constraintLeft_toLeftOf="parent"        app:layout_constraintRight_toRightOf="parent"        app:layout_constraintTop_toTopOf="parent"        android:layout_marginTop="380dp"/></androidx.constraintlayout.widget.ConstraintLayout>

更多相关文章

  1. Android(安卓)start from now on
  2. Android源代码查看途径
  3. Android(安卓)Tools
  4. Android(安卓)app:开机自动启动app demo 源码
  5. android五个进程等级
  6. android 自定义圆形ProgressBar
  7. Android(安卓)布局加载源代码分析
  8. Android(安卓)stuio在MainActivity中运行java的main方法
  9. Android(安卓)Maven 采用第三方jar包,程序运行时报错的解决方案

随机推荐

  1. 三行代码去Android USB ADB调试确认对话
  2. Android kswapd-->lowmemorykiller启动和
  3. Android平板电脑不能全屏显示的问题
  4. 七、Android数据链接更新路由表
  5. Android中xml文件读写
  6. Android 通过OKhttp3进行下载实现版本更
  7. 近百android开源项目贡献
  8. Android 之 WallpaperManager用法
  9. EditText 键盘收回
  10. Android之国际化(在程序内部强制转换语言