安卓APP相对布局和控件

141 阅读2分钟

开启掘金成长之旅!这是我参与「掘金日新计划 · 12 月更文挑战」的第29天,点击查看活动详情

一、相对布局

1.1、相当于父控件

  • 原图大小 从父控件,左上角开锁对其,原图大小
android:layout_width="wrap_content"
android:layout_height="wrap_content"
  • 控件的顶部与父控件的顶部对齐
android:layout_alignParentTop="true"
  • 控件的底部与父控件的底部对齐 顶和低对其,会把图拉伸
android:layout_alignParentBottom="true"
  • 控件的左部与父控件的左部对齐
android:layout_alignParentLeft="true"
  • 控件的右部与父控件的右部对齐
android:layout_alignParentRight="true"

1.2、相对给定Id控件

  • 控件的底部置于给定ID的控件之上
android:layout_above="@id/bx1"
  • 控件的底部(顶部)置于给定ID的控件之下
android:layout_below="@id/bx1"
  • 控件的右边缘与给定ID的控件左边缘对齐
android:layout_toLeftOf="@id/bx1"
  • 控件的左边缘与给定ID的控件右边缘对齐 配上对其或下对其
android:layout_toRightOf="@id/bx1"
  • 控件的baseline与给定ID的baseline对齐
android:layout_alignBaseline="@id/bx1"
  • 控件的顶部边缘与给定ID的顶部边缘对齐
android:layout_alignTop="@id/bx1"
  • 控件的底部边缘与给定ID的底部边缘对齐
android:layout_alignBottom="@id/bx1"
  • 控件的左边缘与给定ID的左边缘对齐
android:layout_alignLeft="@id/bx1"
  • 控件的右边缘与给定ID的右边缘对齐
android:layout_alignRight="@id/bx1"

1.3、居中

  • 水平居中
android:layout_centerHorizontal="true"
  • 垂直居中
android:layout_centerVertical="true"
  • 父控件的中央
android:layout_centerInParent="true"

二、控件

2.1、4种基础控件

  • Button 按键
  • TextView 文本框
  • EditText 输入框
  • ImageView 图片,带边框的

2.2、padding和margin

图大小不变,内外边框拉升 在这里插入图片描述

  • margin 外边框,上下左右
  • padding 文字和内边框距离

三、按键美化——圆角按键

3.1、新建按钮样式文件

  • 正常状态下,代码
<?xml version="1.0" encoding="utf-8"?>
<shape
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
    <!-- 圆角的半径 -->
    <corners android:radius="30dp"/>
    <!-- 填充颜色 -->
    <solid android:color="#00ff00"/>
</shape>

  • 按下状态下,代码
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <!-- 圆角的半径 -->
    <corners android:radius="30dp"/>
    <!-- 填充颜色 -->
    <solid android:color="#0662f5"/>
</shape>

3.2、新建样式文件

定义按钮的不同状态样式,btn_selector btn_normal(正常),btn_pressed(按下)

3.3、使用按钮样式

android:background="@drawable/btn_selector"

3.4、结合前面知识,制作一个简单界面

正常状态 在这里插入图片描述

按下状态 在这里插入图片描述