安卓开发学习日记第三天——新手怪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说没就没)