当前位置：首页 > news >正文

AndroidStudio-常见界面控件

news 文章来源：https://blog.csdn.net/2301_79188932/article/details/144255522 2025/4/30 22:08:30

一、Button

package com.example.review01import androidx.appcompat.app.AppCompatActivity
import android.os.Bundle
import android.widget.Button
import android.widget.TextViewclass Review01Activity : AppCompatActivity() {override fun onCreate(savedInstanceState: Bundle?) {super.onCreate(savedInstanceState)setContentView(R.layout.activity_review01)val button = findViewById<Button>(R.id.btn_01)button.setOnClickListener{button.text = "按钮被点击"}}
}

另一种实现方法：

package com.example.review01import androidx.appcompat.app.AppCompatActivity
import android.os.Bundle
import android.view.View
import android.widget.Button
import android.widget.TextViewclass Review01Activity : AppCompatActivity(), View.OnClickListener {lateinit var button: Buttonoverride fun onCreate(savedInstanceState: Bundle?) {super.onCreate(savedInstanceState)setContentView(R.layout.activity_review01)button = findViewById(R.id.btn_01)button.setOnClickListener(this)}override fun onClick(v: View?) {if(v != null){when (v.id) {R.id.btn_01 -> {button.text = "按钮被点击"}else -> {}}}}
}

二、EditView

<?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=".Review03Activity"><EditTextandroid:id="@+id/edit_name"android:layout_width="wrap_content"android:layout_height="wrap_content"android:hint="请输入账号"android:textSize="17sp"app:layout_constraintTop_toTopOf="parent"app:layout_constraintBottom_toBottomOf="parent"app:layout_constraintStart_toStartOf="parent"app:layout_constraintEnd_toEndOf="parent"tools:ignore="MissingConstraints" /><EditTextandroid:id="@+id/edit_password"android:layout_width="wrap_content"android:layout_height="wrap_content"android:hint="请输入密码"android:inputType="numberPassword"android:textSize="17sp"app:layout_constraintTop_toBottomOf="@+id/edit_name"app:layout_constraintStart_toStartOf="parent"app:layout_constraintEnd_toEndOf="parent"tools:ignore="MissingConstraints" /></androidx.constraintlayout.widget.ConstraintLayout>

package com.example.review01import androidx.appcompat.app.AppCompatActivity
import android.os.Bundle
import android.widget.EditTextclass Review03Activity : AppCompatActivity() {override fun onCreate(savedInstanceState: Bundle?) {super.onCreate(savedInstanceState)setContentView(R.layout.activity_review03)val edit_name = findViewById<EditText>(R.id.edit_name)edit_name.text}
}

三、ImageView

<?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=".Review04Activity"><ImageViewandroid:layout_width="wrap_content"android:layout_height="match_parent"android:src="@drawable/sgqt01"app:layout_constraintTop_toTopOf="parent"app:layout_constraintBottom_toBottomOf="parent"app:layout_constraintStart_toStartOf="parent"app:layout_constraintEnd_toEndOf="parent"/></androidx.constraintlayout.widget.ConstraintLayout>

四、RadioButton

<?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=".Review05Activity"><RadioGroupandroid:id="@+id/rbtn_group"android:layout_width="wrap_content"android:layout_height="wrap_content"app:layout_constraintTop_toTopOf="parent"app:layout_constraintBottom_toBottomOf="parent"app:layout_constraintStart_toStartOf="parent"app:layout_constraintEnd_toEndOf="parent"tools:ignore="MissingConstraints"><RadioButtonandroid:id="@+id/rbtn_01"android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="男"/><RadioButtonandroid:id="@+id/rbtn_02"android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="女"/></RadioGroup></androidx.constraintlayout.widget.ConstraintLayout>

package com.example.review01import androidx.appcompat.app.AppCompatActivity
import android.os.Bundle
import android.widget.RadioButtonclass Review05Activity : AppCompatActivity() {override fun onCreate(savedInstanceState: Bundle?) {super.onCreate(savedInstanceState)setContentView(R.layout.activity_review05)val rbtn_1 = findViewById<RadioButton>(R.id.rbtn_01)rbtn_1.setOnCheckedChangeListener { compoundButton,b ->println(compoundButton.id)println(R.id.rbtn_01)println(b)}}
}

五、CheckBox

<?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="vertical"><TextViewandroid:id="@+id/tv_cb"android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="请选择你的兴趣爱好"/><CheckBoxandroid:id="@+id/cb_01"android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="舞蹈"/><CheckBoxandroid:id="@+id/cb_02"android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="表演"/><CheckBoxandroid:id="@+id/cb_03"android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="音乐"/></LinearLayout>

package com.example.review01import androidx.appcompat.app.AppCompatActivity
import android.os.Bundle
import android.widget.CheckBox
import android.widget.TextViewclass Review07Activity : AppCompatActivity() {override fun onCreate(savedInstanceState: Bundle?) {super.onCreate(savedInstanceState)setContentView(R.layout.activity_review07)val cb_1 = findViewById<CheckBox>(R.id.cb_01);val cb_2 = findViewById<CheckBox>(R.id.cb_02);val cb_3 = findViewById<CheckBox>(R.id.cb_03);val textView = findViewById<TextView>(R.id.tv_cb)cb_1.setOnCheckedChangeListener { compoundButton, b ->if (b) textView.text = "你选择了${compoundButton.text}"}cb_2.setOnCheckedChangeListener { compoundButton, b ->if (b) textView.text = "你选择了${compoundButton.text}"}cb_3.setOnCheckedChangeListener { compoundButton, b ->if (b) textView.text = "你选择了${compoundButton.text}"}}
}

六、Toast

安卓中的Toast是一种简单的用户界面提示工具，用于在屏幕上显示短暂的消息。它通常用于向用户显示一些短暂的信息，比如操作成功、警告或者错误提示。Toast消息会以浮动窗口的形式出现在屏幕上方或下方，持续一段时间后自动消失，不会打断用户的操作。Toast通常用于在应用程序中提供一种简单的反馈机制。

<?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="vertical"><TextViewandroid:id="@+id/tv_cb"android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="请选择你的兴趣爱好"/><CheckBoxandroid:id="@+id/cb_01"android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="舞蹈"/><CheckBoxandroid:id="@+id/cb_02"android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="表演"/><CheckBoxandroid:id="@+id/cb_03"android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="音乐"/></LinearLayout>

package com.example.review01import androidx.appcompat.app.AppCompatActivity
import android.os.Bundle
import android.widget.CheckBox
import android.widget.TextView
import android.widget.Toastclass Review08Activity : AppCompatActivity() {override fun onCreate(savedInstanceState: Bundle?) {super.onCreate(savedInstanceState)setContentView(R.layout.activity_review08)val cb_1 = findViewById<CheckBox>(R.id.cb_01)val cb_2 = findViewById<CheckBox>(R.id.cb_02)val cb_3 = findViewById<CheckBox>(R.id.cb_03)val textView = findViewById<TextView>(R.id.tv_cb)cb_1.setOnCheckedChangeListener { compoundButton, b ->if(b)Toast.makeText(this,compoundButton.text,Toast.LENGTH_SHORT).show()}}
}

七、AlertDialog

1.普通对话框

安卓中的AlertDialog是一个常用的对话框组件，用于在应用程序中浮动显示一些信息、进行简单的交互或者请求用户确认某些操作。它通常包含一个图标和标题、一个消息内容和一些按钮选项，比如确认、取消等。开发者可以使用AlertDialog来向用户展示信息，例如警告、错误提示或者确认对话框等。

package com.example.review01import androidx.appcompat.app.AppCompatActivity
import android.os.Bundle
import androidx.activity.OnBackPressedCallback
import androidx.appcompat.app.AlertDialogclass Review09Activity : AppCompatActivity() {override fun onCreate(savedInstanceState: Bundle?) {super.onCreate(savedInstanceState)setContentView(R.layout.activity_review09)val backPressedDispatcher = this.onBackPressedDispatcher//创建一个onBackPressedCallbackval callback = object :OnBackPressedCallback(true){override fun handleOnBackPressed() {//创建AlterDialog.Builder 实例runOnUiThread {val builder = AlertDialog.Builder(this@Review09Activity)//设置对话框标题和消息builder.setTitle("普通对话框").setMessage("是否退出应用？").setPositiveButton("确定") { dialog, which ->dialog.dismiss()this@Review09Activity.finish()}.setNegativeButton("取消"){dialog,which ->dialog.dismiss()}//创建并显示AlterDialogval dialog = builder.create()dialog.show()}}}//将OnBackPressedCallback添加到OnBackPressedDispatcherbackPressedDispatcher.addCallback(callback)}
}

应该是显示这样一个对话框但是我的没有显示。。。

2.单选对话框

单选对话框提供单选项目，如下所示，点击单选框后修改字体大小

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayoutxmlns:android="http://schemas.android.com/apk/res/android"xmlns:tools="http://schemas.android.com/tools"xmlns:app="http://schemas.android.com/apk/res-auto"android:layout_width="match_parent"android:layout_height="match_parent"tools:context=".Review10Activity"><TextViewandroid:id="@+id/tv_dialog"android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="Hello World"app:layout_constraintTop_toTopOf="parent"app:layout_constraintBottom_toBottomOf="parent"app:layout_constraintStart_toStartOf="parent"app:layout_constraintEnd_toEndOf="parent"tools:ignore="MissingConstraints" /><Buttonandroid:id="@+id/btn_dialog"android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="按钮"android:textSize="17sp"app:layout_constraintTop_toBottomOf="@+id/tv_dialog"app:layout_constraintStart_toStartOf="parent"app:layout_constraintEnd_toEndOf="parent"tools:ignore="MissingConstraints" /></androidx.constraintlayout.widget.ConstraintLayout>

package com.example.review01import androidx.appcompat.app.AppCompatActivity
import android.os.Bundle
import android.widget.Button
import android.widget.TextView
import androidx.appcompat.app.AlertDialogclass Review10Activity : AppCompatActivity() {override fun onCreate(savedInstanceState: Bundle?) {super.onCreate(savedInstanceState)setContentView(R.layout.activity_review10)val btn = findViewById<Button>(R.id.btn_dialog)val tv = findViewById<TextView>(R.id.tv_dialog)btn.setOnClickListener {val builder = AlertDialog.Builder(this)val items = arrayOf("小号","中号","大号")builder.setTitle("单选对话框").setSingleChoiceItems(items,-1) { dialog,which ->btn.textSize = (which + 1) * 15ftv.textSize = (which + 1) * 15fdialog.dismiss() //关闭对话框}val dialog = builder.create()dialog.show()}}
}

builder.setSingleChoiceItems 用于设置一个单选列表，用户可以从中选择一个项。第一个参数是列表项，第二个参数是默认选中的项（这里是 -1，表示没有默认选中任何项），第三个参数是选择项时的监听器。

在回调函数中，我们根据选中的项 which 设置按钮和文本视图的字体大小，计算公式是 (which + 1) * 15f。这样，选择第一个选项时字体大小是 15f，第二个是 30f，第三个是 45f。

dialog.dismiss() 会关闭对话框。

3.复选对话框

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayoutxmlns:android="http://schemas.android.com/apk/res/android"xmlns:tools="http://schemas.android.com/tools"xmlns:app="http://schemas.android.com/apk/res-auto"android:layout_width="match_parent"android:layout_height="match_parent"tools:context=".Review10Activity"><TextViewandroid:id="@+id/tv_dialog"android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="Hello World"app:layout_constraintTop_toTopOf="parent"app:layout_constraintBottom_toBottomOf="parent"app:layout_constraintStart_toStartOf="parent"app:layout_constraintEnd_toEndOf="parent"tools:ignore="MissingConstraints" /><Buttonandroid:id="@+id/btn_dialog"android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="按钮"android:textSize="17sp"app:layout_constraintTop_toBottomOf="@+id/tv_dialog"app:layout_constraintStart_toStartOf="parent"app:layout_constraintEnd_toEndOf="parent"tools:ignore="MissingConstraints" /></androidx.constraintlayout.widget.ConstraintLayout>

package com.example.review01import androidx.appcompat.app.AppCompatActivity
import android.os.Bundle
import android.widget.Button
import android.widget.TextView
import androidx.appcompat.app.AlertDialogclass Review12Activity : AppCompatActivity() {override fun onCreate(savedInstanceState: Bundle?) {super.onCreate(savedInstanceState)setContentView(R.layout.activity_review12)val btn = findViewById<Button>(R.id.btn_dialog)val tv = findViewById<TextView>(R.id.tv_dialog)btn.setOnClickListener {val builder = AlertDialog.Builder(this)val items = arrayOf("阅读","唱歌","跳舞","戏曲")val checkedItems = booleanArrayOf(false,false,false,false)builder.setTitle("复选对话框").setMultiChoiceItems(items,checkedItems){ dialog,which,isChecked ->checkedItems[which] = isChecked}.setPositiveButton("确定") { dialog,which ->var hobby = "您的爱好是："for (i in items.indices){if (checkedItems[i]) {hobby += items[i] + " "}}tv.text = hobbydialog.dismiss()}val dialog = builder.create()dialog.show()}}
}

八、ListView

安卓中的ListView是一种常用的UI组件，用于在应用中展示可滚动的列表数据，允许用户通过滑动屏幕来查看列表中的项目，并且可以在列表中显示复杂的数据。ListView可以以垂直或水平方向滚动，并且可以自定义每个列表项的外观和行为。通常，ListView与Adapter结合使用，Adapter负责将数据绑定到ListView上，以便正确显示列表项。在较新的安卓开发中，RecyclerView通常被认为是更灵活和性能更好的选择，尤其是在处理大量数据或需要更复杂布局的情况下。

ListView必须通过适配器才能添加数据，适配器是ListView和数据之前的桥梁。这么做的目的是为了能够实现视图和数据的分离。有三种常用的Adapter：

1.BaseAdapter

一个抽象类，需要自定义一个子类来实现它，并实现一系列抽象方法来定义数据源和列表项的展示逻辑：

getCount()：返回适配器中数据项的总数

getItem(int position)：返回指定位置的数据项

getItemId(int position)：返回指定位置的数据项的唯一标识符

getView(int position, View convertView, ViewGroup parent)：创建或获取指定位置的列表项视图。用于将数据绑定到视图上，并返回给列表进行显示。

2、3.SimpleAdapter和ArrayAdapter：

SimpleAdapter相对较为简单，适用于简单的列表数据展示，但对于复杂的列表项布局和交互较难满足。ArrayAdapter更灵活，可以直接将数组或List中的数据绑定到ListView，更方便地控制列表项的显示和交互。

SimpleAdapter适用于将不同类型的数据以键值对的形式展示在ListView中，例如将文本、图像等混合展示在列表项中。ArrayAdapter适用于将单一类型的数据集合（例如字符串、对象等）展示在ListView中。

以ArrayAdapter为例，展示如何通过其连接数据和ListView： 1）确定要展示的数据，即stringList 2）通过数据、adapter中每个项目的视图、上下文创建Adapter对象

注： ArrayAdapter默认使用的布局文件是系统提供的简单列表项布局 android.R.layout.simple_list_item_1，只包含一个 TextView 用于显示文本。如果需要展示复杂的效果，需要自行编写xml布局文件。

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 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=".Review13Activity"><ListViewandroid:id="@+id/lv"android:layout_width="match_parent"android:layout_height="match_parent"android:listSelector="#fefefe"android:scrollbars="none"/></LinearLayout>

package com.example.review01import androidx.appcompat.app.AppCompatActivity
import android.os.Bundle
import android.widget.ArrayAdapter
import android.widget.ListViewclass Review13Activity : AppCompatActivity() {override fun onCreate(savedInstanceState: Bundle?) {super.onCreate(savedInstanceState)setContentView(R.layout.activity_review13)val lv = findViewById<ListView>(R.id.lv)//创建一个字符串列表val stringList = listOf("蒋敦豪","鹭卓","李耕耘","李昊","赵一博","卓沅","赵小童","何浩楠","陈少熙","王一珩")//创建ArrayAdapter将字符串列表与ListView相连接val adapter = ArrayAdapter(this,android.R.layout.simple_list_item_1,stringList)lv.adapter = adapter}
}

九、RecyclerView

RecyclerView是安卓中用于展示大量数据的高性能列表控件，是ListView的升级版。相比于ListView，RecyclerView更加灵活、高效，提供了更多的定制和扩展功能。

灵活的布局管理器（LayoutManager）：RecyclerView允许开发者使用不同的布局管理器来控制列表项的排列方式，例如垂直列表、水平列表、网格布局等，这使得RecyclerView适用于各种不同的布局需求。

ViewHolder模式：RecyclerView使用了ViewHolder模式来重用列表项视图，这样可以大大提高列表性能，避免频繁创建和销毁视图。

局部刷新：RecyclerView支持局部刷新，可以针对列表中的某一项或某几项进行刷新，而不需要刷新整个列表，提高了刷新效率。

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayoutxmlns:android="http://schemas.android.com/apk/res/android"xmlns:tools="http://schemas.android.com/tools"xmlns:app="http://schemas.android.com/apk/res-auto"android:layout_width="match_parent"android:layout_height="match_parent"tools:context=".Review14Activity"><androidx.recyclerview.widget.RecyclerViewandroid:id="@+id/lv"android:layout_width="match_parent"android:layout_height="match_parent"/></androidx.constraintlayout.widget.ConstraintLayout>

package com.example.review01import androidx.appcompat.app.AppCompatActivity
import android.os.Bundle
import android.view.LayoutInflater
import android.view.View
import android.view.ViewGroup
import android.widget.ImageView
import android.widget.TextView
import androidx.recyclerview.widget.LinearLayoutManager
import androidx.recyclerview.widget.RecyclerView
import com.example.homework03.Itemdata class Item(val text:String ,val imageResourse:Int)class Review14Activity : AppCompatActivity() {override fun onCreate(savedInstanceState: Bundle?) {super.onCreate(savedInstanceState)setContentView(R.layout.activity_review14)val itemList = listOf(Item("蒋敦豪",R.drawable.jdh),Item("鹭卓",R.drawable.lz),Item("李耕耘",R.drawable.lgy),Item("李昊",R.drawable.lh),Item("赵一博",R.drawable.zyb),Item("卓沅",R.drawable.zy),Item("赵小童",R.drawable.zxt),Item("何浩楠",R.drawable.hhn),Item("陈少熙",R.drawable.csx),Item("王一珩",R.drawable.wyh))val recyclerView: RecyclerView = findViewById(R.id.lv)val layoutManager = LinearLayoutManager(this)val adapter = MyAdapter(itemList)recyclerView.layoutManager = layoutManagerrecyclerView.adapter = adapter}class MyAdapter(private val items: List<Item>) : RecyclerView.Adapter<MyAdapter.ViewHolder>() {inner class ViewHolder(itemView: View) : RecyclerView.ViewHolder(itemView) {val textView: TextView = itemView.findViewById(com.example.homework03.R.id.test52_tv)val imageView: ImageView = itemView.findViewById(com.example.homework03.R.id.test52_iv)}override fun onCreateViewHolder(parent: ViewGroup, viewType: Int): ViewHolder {// 使用新的布局文件 item_layout.xmlval view = LayoutInflater.from(parent.context).inflate(com.example.homework03.R.layout.item_layout, parent, false)return ViewHolder(view)}override fun onBindViewHolder(holder: ViewHolder, position: Int) {val item = items[position]holder.textView.text = item.textholder.imageView.setImageResource(item.img)}override fun getItemCount(): Int {return items.size}}}