安卓开发学习日记第三天——新手怪button

（不是buttercup，虽然里面好像也有button，心中已经响起那段音乐了）

今天我们就试一下在项目里面用两种方法放下一个button

第一步，打开我们的布局设计文件（一般打开过工程之后都已经默认打开了）

在这里插入图片描述
接着我们就会在代码区看到这样的一个界面

旧版本可能是直接显示布局代码，就像下面这样（通过红色框框那里可以切换哦！）

第二步，放下我们的第一个控件button

我们可以看到Android Studio的默认布局模式是ConstraintLayout（约束布局）
虽然很多书里面为了方便教学会换成LinearLayout、RelativeLayout或者是FrameLayout
这里我就用默认的约束布局好了（很快你们就会知道为什么了）

方法一：在布局代码区敲代码

在这里插入图片描述

<?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"
    tools:context=".MainActivity">

    <Button
        android:id="@+id/button"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Button"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

</androidx.constraintlayout.widget.ConstraintLayout>

那么大家就会看到一个小小的问题，没学过，不会写

当然了，学代码的前提就是看懂代码

每个控件都会有的属性

        //控件和自身内容宽度一致
        android:layout_width="wrap_content"
        //控件和自身内容高度一致
        android:layout_height="wrap_content"

那么我们就来看看button的常用参数

	android:text  			//设置button的文本
	android:textColor		//设置显示文本的颜色
	android:textSize		//设置显示文本字体的大小
	android:drawable 		//放置一个drawable资源
	android:drawableTop		//可拉伸要绘制的文本的上面
	android:drawableBottom	//可拉伸要绘制的文本的下面
	android:drawableLeft 	//可拉伸要绘制的文本的左侧
	android:drawableRight	//可拉伸要绘制的文本的右侧
	android:background 		//可拉伸使用的背景或用于改变按钮的样式
	android:onClick			//设置button的点击事件

刚刚代码里面的约束布局特有的参数有

		//当前布局控件的底部位置和父布局的底部位置对齐
		app:layout_constraintBottom_toBottomOf="parent"
		//当前布局控件的结束位置和父布局的结束位置对齐
        app:layout_constraintEnd_toEndOf="parent"
        //当前布局控件的起始位置和父布局的起始位置对齐
        app:layout_constraintStart_toStartOf="parent"
        当前布局控件的顶部位置和父布局的顶部位置对齐
        app:layout_constraintTop_toTopOf="parent"

那么这样子我们大概明白了怎么写这段代码了
接下来就是