安卓开发学习日记第三天_新手怪button_莫韵乐的欢乐笔记

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

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

前情提要：
第一天学习日记之安装Android Studio3.6
第二天学习日记之破环陷阱卡之sync的坑

今天我们就试一下在项目里面用两种方法放下一个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"

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

第二种放置button的方法

选择控件，然后拖过来（新版本就是有这种好处，比以前的可视化界面好用太多了）

于是我们的按钮就放下来了

当然了，可视化的布局只是一个辅助的工具，它并不是我们学习移动开发的一个捷径，要想真的做好一个UI界面还是要在代码区下点功夫

最后，我打算在下一天的学习里实现一个小游戏（技术含量特别低的那种），不知道是不是刚会爬就会跑的那种（doge）

如果觉得这篇文章还不错的话，就点个赞收藏一下，感谢您的观看

安卓开发学习日记第四天_会爬就会跑
安卓开发学习日记第四天番外篇_用Kotlin炒冷饭——越炒越小
安卓开发学习日记第五天——奇怪的bug出现了（VT-x说没就没）