APP学习2

标签：控件 xxx layout APP 布局 学习 设置 代码

1. 相关说明

图片资源分类：

应用图标：存放在mipmap文件夹中

界面中使用的图片资源：存放在drawable文件夹中

2. 调用

 

 

 所以在java中可以通过this.getResources().get文件名(R.xxx.xxx)方法来引用，R.xxx来引用资源。

在xml中通过@文件名+资源name属性

3. LogCat

LogCat是Android中的命令行工具，用于获取程序从启动到关闭的日志信息。

Log类所输出的日志内容分为六个级别。

 

 

 4.布局

4.1线性布局（LinearLayout）

特点：以水平或垂直方向排列，关键设置orientation的值（horizontal(默认)、vertical）

id：设置并布局标识

layout_width：设置布局宽度 

layout_height：设置布局高度

background：设置布局背景

layout_margin：外边距，设置布局于屏幕边界或周围控件的距离

padding：内边距，设置当前布局于该布局中控件的距离

layout_weight:权重，一般用了权重，layout_width要改为0而不是wrap_content。

4.2 相对布局（RelativeLayout）

特点：通过相对定位排序

 

 

 

4.3 帧布局

特点：开辟空白区域，帧里的控件（层）叠加

 

4.4 表格布局

特点：表格形式排列

 

 

4.5 约束布局

特点：可视化的方式编写布局

 

练习

4.1 线性布局

制作一个如图布局的界面

 

 主要在于这个按钮宽度是不一样的，如果硬性规定大小，是不好的，因为对于不同的屏幕大小效果不一样。这里可以用属性权重。

效果图：

 

代码：

<?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="horizontal"
    >
    <Button
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:text="按钮1"
        android:layout_weight="1"
        android:layout_marginRight="10dp"
        >
    </Button>
    <Button
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:text="按钮2"
        android:layout_weight="1"
        android:layout_marginRight="10dp"
        >
    </Button>
    <Button
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:text="按钮3"
        android:layout_weight="2"
        >
    </Button>

</LinearLayout>

View Code点击查看代码

 

4.2 相对布局

 

 使用相对布局+设置外边距，这里主要要灵活使用两者的结合。

效果图：

 

 代码：

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

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout_margin="20dp"
        android:text="按钮1"
        ></Button>
    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/bt2"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="260dp"
        android:text="按钮2"
        ></Button>

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_toRightOf="@id/bt2"
        android:layout_alignBottom="@id/bt2"
        android:layout_marginBottom="100dp"
        android:text="按钮3"
        ></Button>
</RelativeLayout>

View Code点击查看代码

 

标签：控件,xxx,layout,APP,布局,学习,设置,代码
From： https://www.cnblogs.com/hmy22466/p/17149959.html