UI基础知识|青训营笔记

147 阅读3分钟

这是我参与「第四届青训营 」笔记创作活动的第4天,我来讲一下UI的基础知识

常用控件使用方法

TextView TextView顾名思义,主要用于在界面上显示一段文本信息

image.png

  • 在TextView中我们使用android:id给当前控件定义了唯一标识符,接着使用android:layout_width和android:layout_height指定了控件的宽度和高度。
  • Android中所有的控件都具有这两个属性,可选值有3种:match_parent、wrap_content和固定值
  • match_parent:使当前控件的大小和父布局的大小一样,也就是由父布局来决定当前控件的大小。
  • wrap_content:使当前控件的大小能够刚好包含住里面的内容,也就是由控件内容决定当前控件的大小。
  • 固定值:给控件指定一个固定的尺寸,单位一般用dp,这是一种屏幕密度无关的尺寸单 位,可以保证在不同分辨率的手机上显示效果尽可能地一致. Button Button是程序用于和用户进行交互的一个重要控件 EditText EditText 是程序用于和用户进行交互的另一个重要控件,它允许用户在控件里输入和编辑内 容,并可以在程序中对这些内容进行处理。

image.png

如果你想要在输入框里显示一些提示性的文字,一旦用户输入了任何内容,这些文字就会消失,你可以在EditText中添加android:hint:...

  • ImageView
    ImageView是用于在界面上展示图片的一个控件

image.png

  • ProgressBar
    ProgressBar用于在界面上显示一个进度条,表示我们的程序正在加载一些数据 ps:为了让进度条在数据加载完成时消失,我们使用了是setVisibility()方法,允许传入View.VISIBLE、 View.INVISIBLE和View.GONE这3种值。

  • AlertDialog
    AlertDialog可以在当前界面弹出一个对话框,这个对话框是置顶于所有界面元素之上的,能够屏蔽其他控件的交互能力,因为我们可以用它来提示一些非常重要的内容或警告信息

image.png 我们可以通过AlertDialog.Builder构建一个对话框,我们可以使用Kotlin标准函数中的apply函数。

3种基本布局

-LinearLayout
LinearLayout又称作线性布局,是一种非常常用的布局。这个布局会将它所包含的控件在线性方向上依次排列。我们可以通过改变android:orientation的属性来改变水平/竖直排列
-RelativeLayout
RelativeLayout又称作相对布局,也是一种非常常用的布局。和LinearLayout的排列规则不 同,RelativeLayout显得更加随意,它可以通过相对定位的方式让控件出现在布局的任何位置。

  • FrameLayout
    FrameLayout又称作帧布局,所有的控件都会默认摆放在布局的左上角。
  • ListView
    ListView允许用户通过手指上下滑动的方式将屏幕外的数据滚动到屏幕内,同时屏幕中原有的数据会滚动出屏幕
  • RecycleView
    增强版ListView