Kotlin学习日志（六）控件使用

2401_84520215

于 2024-05-01 03:40:25 发布

阅读量352

点赞数 13

分类专栏：程序员文章标签： kotlin 学习 gitee

本文链接：https://blog.csdn.net/2401_84520215/article/details/138362742

版权

程序员专栏收录该内容

181 篇文章 0 订阅

订阅专栏

btn_test.setOnClickListener(MyClickListener())//点击

btn_test.setOnLongClickListener(MyLongClickListener())//长按

}

//点击事件第二种：内部类方式,还记得inner吗,内部类就是在class前面加上inner

private inner class MyClickListener:View.OnClickListener{

override fun onClick(v: View?) {

toast(“您点击了控件:${(v as Button).text}”)

}

private inner class MyLongClickListener:View.OnLongClickListener{

override fun onLongClick(v: View): Boolean {

longToast(“您长按了控件：${(v as Button).text}”)

return true

}

3. 接口实现方式

内部类方式固然使事件代码更加灵活，可如果每个事件都定义新的内部类，要是某个页面上有多个控件都需要监听对应的事件处理，那页面上的代码就会很多，为了解决这个问题，第三种方式➖接口实现方式边应运而生,该方式让页面的Activity类实现事件监听器的接口，并重写监听器的接口方式，使得那些接口方法就像是Activity类的成员方法一样，并且可以毫无障碍地访问该Activity类的所有成员属性和成员方法。下面是示例代码：

package com.llw.kotlinstart

import androidx.appcompat.app.AppCompatActivity

import android.os.Bundle

import android.view.View

import android.widget.Button

import com.llw.kotlinstart.custom_class.*

import kotlinx.android.synthetic.main.activity_main.*

import org.jetbrains.anko.longToast

import org.jetbrains.anko.toast

class MainActivity : AppCompatActivity(), View.OnClickListener, View.OnLongClickListener {

override fun onCreate(savedInstanceState: Bundle?) {

super.onCreate(savedInstanceState)

setContentView(R.layout.activity_main)

//点击事件第三种：Activity实现接口

btn_test.setOnClickListener(this)

btn_test.setOnLongClickListener(this)

}

//点击事件第三种：Activity实现接口

override fun onClick(v: View) {

if (v.id == R.id.btn_test) {

toast(“您点击了控件:${(v as Button).text}”)

}

override fun onLongClick(v: View): Boolean {

if (v.id == R.id.btn_test) {

longToast(“您长按了控件：${(v as Button).text}”)

}

return true

}

1.2 复选框CheckBox

复选框用于检查有没有选中的控件，只有两种情况，选中和未选中。也就是true和false,在学习复选框的用法之前，先了解一下复合按钮CompoundButton的概念，在Android体系中，CompoundButton是抽象的复合按钮，因为是抽象类，所以不能直接使用，而我们实际开发中用的是它的几个派生类，如复选框CheckBox、单选按钮RadioButton单选按钮、Switch开关按钮，这些派生类均可使用CompoundButton的属性和方法。

在Java中，复合按钮CompoundButton的勾选状态有两个，setChecked和isChecked，前者用于设置是否勾选，后者用于判断是否勾选，但在Kotlin中这两个方法被统一成了isChecked属性，修改isChecked的属性即为设置是否勾选，而获取isChecked的属性值即为判断是否勾选，这种合二为一的情况还有一些，如下表：

| 按钮控件的属性说明 | Kotlin的状态属性 | Java的状态获取与设置方式 |

| — | — | — |

| 是否勾选 | isChecked | isChecked/setChecked |

| 是否允许点击 | isClickable | isClickable/setClickable |

| 是否可用 | isEnabled | isEnabled/setEnabled |

| 是否获得焦点 | isFocusable | isFocusable/setFocusable |

| 是否按下 | isPressed | isPressed/setPressed |

| 是否允许长按 | isLongClickable | isLongClickable/setLongClickable |

| 是否选择 | isSelected | isSelected/setSelected |

下面来使用一下这个CheckBox：

布局代码如下：

<?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:orientation=“vertical”

android:padding=“20dp”

android:layout_width=“match_parent”

android:layout_height=“match_parent”

tools:context=“.MainActivity”>

<CheckBox

android:id=“@+id/ck_select”

android:text=“这是一个复选框”

android:layout_width=“wrap_content”

android:layout_height=“wrap_content”/>

<TextView

android:layout_marginTop=“20dp”

android:textColor=“#000”

android:id=“@+id/tv_result”

android:layout_width=“wrap_content”

android:layout_height=“wrap_content”/>

代码

package com.llw.kotlinstart

import androidx.appcompat.app.AppCompatActivity

import android.os.Bundle

import kotlinx.android.synthetic.main.activity_main.*

class MainActivity : AppCompatActivity() {

override fun onCreate(savedInstanceState: Bundle?) {

super.onCreate(savedInstanceState)

setContentView(R.layout.activity_main)

ck_select.isChecked = false //默认未选中

ck_select.setOnCheckedChangeListener { buttonView, isChecked ->

tv_result.text = “您${if (isChecked) “勾选” else “取消勾选”}了复选框”

}

运行效果图：

在这里插入图片描述

有一说一，Android默认的控件颜色是真的辣眼睛。

1.3 单选按钮RadioButton

单选按钮要在一组按钮中选择其中一项，并且不能多选，这要求有个容器确定这组按钮的范围，这个容器便是单选组RadioGroup，单选组RadioGroup实质上是一个布局，同一组的RadioButton都要放在同一个RadioGroup节点之下，RadioGroup拥有orientation属性，可指定下级控件的排列方向，该属性为horizontal时，单选按钮就在水平方向上排列，该属性为vertical时，单选按钮就在垂直方向上排列，并且RadioGroup下面除了RadioButton外，也可以挂载其他子控件，如TextView、ImageView等，这样看来，它就是一个特殊的线性布局，只不过多了一个管理单选按钮的功能。

单选按钮RadioButton默认是未选中状态，点击它则显示选中状态，但是再次点击并不会取消选择，只有点击同组的其他单选按钮，原来选中的单选按钮才会被取消选中。另外，单选按钮的选中时间一般不由RadioButton相应，而是由RadioGroup来响应。单选按钮的选中事件在实现的时候，首先写一个选中监听器实现接口RadioGroup.OnCheckedChangeListener,然后调用RadioGroup对象的setOnCheckedChangeListener方法来注册该监听器。下面是使用示例：

布局代码：

<?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:orientation=“vertical”

android:padding=“20dp”

android:layout_width=“match_parent”

android:layout_height=“match_parent”

tools:context=“.MainActivity”>

<TextView

android:textColor=“#000”

android:text=“请选择您的性别”

android:layout_width=“wrap_content”

android:layout_height=“wrap_content”/>

<RadioGroup

android:id=“@+id/rg_sex”

android:layout_marginTop=“20dp”

android:orientation=“horizontal”

android:layout_width=“match_parent”

android:layout_height=“wrap_content”>

<RadioButton

android:id=“@+id/rb_male”

android:text=“男”

android:layout_width=“0dp”

android:layout_weight=“1”

android:layout_height=“wrap_content”/>

<RadioButton

android:id=“@+id/rb_female”

android:text=“女”

android:layout_width=“0dp”

android:layout_weight=“1”

android:layout_height=“wrap_content”/>

<TextView

android:id=“@+id/tv_sex”

android:layout_marginTop=“20dp”

android:textColor=“#000”

android:layout_width=“wrap_content”

android:layout_height=“wrap_content”/>

Activity中：

package com.llw.kotlinstart

import androidx.appcompat.app.AppCompatActivity

import android.os.Bundle

import kotlinx.android.synthetic.main.activity_main.*

class MainActivity : AppCompatActivity() {

override fun onCreate(savedInstanceState: Bundle?) {

super.onCreate(savedInstanceState)

setContentView(R.layout.activity_main)

rg_sex.setOnCheckedChangeListener { group, checkedId ->

tv_sex.text = when (checkedId) {

R.id.rb_male -> “靓仔啊”

R.id.rb_female -> “靓女啊”

else -> “”

}

运行效果图：

在这里插入图片描述

1.4 开关按钮Switch

这个Switch其实和就是true和false的控制，就不过多的啰嗦了，布局代码：

<?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:orientation=“vertical”

android:padding=“20dp”

android:layout_width=“match_parent”

android:layout_height=“match_parent”

tools:context=“.MainActivity”>

<TextView

android:textColor=“#000”

android:text=“请选择开关”

android:layout_width=“wrap_content”

android:layout_height=“wrap_content”/>

<Switch

android:id=“@+id/switch_open”

android:layout_marginTop=“20dp”

android:layout_width=“wrap_content”

android:layout_height=“wrap_content”/>

<TextView

android:id=“@+id/tv_switch”

android:layout_marginTop=“20dp”

android:textColor=“#000”

android:layout_width=“wrap_content”

android:layout_height=“wrap_content”/>

Activity代码中:

package com.llw.kotlinstart

import androidx.appcompat.app.AppCompatActivity

import android.os.Bundle

import kotlinx.android.synthetic.main.activity_main.*

class MainActivity : AppCompatActivity() {

override fun onCreate(savedInstanceState: Bundle?) {

super.onCreate(savedInstanceState)

setContentView(R.layout.activity_main)

switch_open.setOnCheckedChangeListener { buttonView, isChecked ->

tv_switch.text = if (isChecked) “打开开关” else “关闭开关”

}

运行效果图：

在这里插入图片描述

1.5 文本视图TextView

有没有人觉得TextView很简单呢？但实际并不简单，比如常见的文字跑马灯效果，一行文本的内容太多，导致无法完全显示，但也不想分行显示，于是就有这个跑马灯效果了。

下面用代码来展示一下吧：

布局代码：

<?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:id=“@+id/cl_content”

android:layout_width=“match_parent”

android:layout_height=“match_parent”

android:orientation=“vertical”

tools:context=“.MainActivity” >

<TextView

android:textSize=“14sp”

android:padding=“10dp”

android:text=“跑马灯效果，点击暂停，再点击恢复”

android:layout_width=“match_parent”

android:gravity=“center_horizontal”

android:layout_height=“wrap_content”/>

<TextView

android:layout_marginTop=“20dp”

android:id=“@+id/tv_marquee”

android:focusable=“true”

android:focusableInTouchMode=“true”

android:textSize=“18sp”

android:textColor=“#000”

android:layout_width=“wrap_content”

android:layout_height=“wrap_content”/>

Activity代码：

package com.llw.kotlinstart

import android.graphics.Color

import androidx.appcompat.app.AppCompatActivity

import android.os.Bundle

import android.text.TextUtils

import android.view.Gravity

import android.view.View

import android.widget.LinearLayout

import android.widget.RelativeLayout

import android.widget.TextView

import androidx.constraintlayout.widget.ConstraintLayout

import kotlinx.android.synthetic.main.activity_main.*

import org.jetbrains.anko.above

import org.jetbrains.anko.alignParentLeft

import org.jetbrains.anko.dip

class MainActivity : AppCompatActivity() {

private var bPause = false

override fun onCreate(savedInstanceState: Bundle?) {

super.onCreate(savedInstanceState)

setContentView(R.layout.activity_main)

tv_marquee.text = “富强民主文明和谐自由平等公正法治” +

" 爱国敬业诚信友善"

tv_marquee.gravity = Gravity.LEFT or Gravity.CENTER

tv_marquee.ellipsize = TextUtils.TruncateAt.MARQUEE//从右往左滚动的跑马灯

tv_marquee.setSingleLine(true)//单行显示

tv_marquee.setOnClickListener {

bPause = !bPause

tv_marquee.isFocusable = if(bPause) false else true

tv_marquee.isFocusableInTouchMode = if(bPause) false else true

}

运行效果图：

在这里插入图片描述

刚才注意到这样一行代码：

tv_marquee.gravity = Gravity.LEFT or Gravity.CENTER

在Java中是

tv_marquee.gravity = Gravity.LEFT | Gravity.CENTER

这是位运算符的区别

1.6 图像视图ImageView

图像视图是另一种常用的基本控件。图像视图ImageView在代码中调用的方法说明如下：

setImageDrawable : 设置图形的Drawable对象。
setImageResource : 设置图形的资源ID。
setImageBitmap : 设置图形的位图对象。
setScaleType : 设置图形的拉伸类型，在Kotlin中可直接给属性scaleType赋值，如下表所示：

| scaleType类的拉伸类型 | 说明 |

| — | — |

| ScaleType.FIT_XY | 拉伸图片使之正好填满视图(图片可能被拉伸变形) |

| ScaleType.FIT_START | 拉伸图片使之位于视图上部 |

| ScaleType.FIT_CENTER | 拉伸图片使之位于视图中间 |

| ScaleType.FIT_END | 拉伸图片使之位于视图下部 |

| ScaleType.CENTER | 保持图片原尺寸，并使之位于视图中间 |

| ScaleType.CENTER_CROP | 拉伸图片使之充满视图，并位于视图中间 |

| ScaleType.CENTER_INSIDE | 使图片位于视图中间(只压不拉)，当图片尺寸大于视图时，centerInside等同于fitCenter：当图片尺寸小于视图时，centerInside等同于center |

然后代码来演示一遍

布局文件

<?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:orientation=“vertical”

android:gravity=“center_horizontal”

android:layout_width=“match_parent”

android:layout_height=“match_parent”

tools:context=“.MainActivity”>

<ImageView

android:id=“@+id/iv_img”

android:layout_width=“300dp”

android:layout_height=“300dp”/>

最后

文章不易，如果大家喜欢这篇文章，或者对你有帮助希望大家多多点赞转发关注哦。文章会持续更新的。绝对干货！！！

Android进阶学习全套手册
关于实战，我想每一个做开发的都有话要说，对于小白而言，缺乏实战经验是通病，那么除了在实际工作过程当中，我们如何去更了解实战方面的内容呢？实际上，我们很有必要去看一些实战相关的电子书。目前，我手头上整理到的电子书还算比较全面，HTTP、自定义view、c++、MVP、Android源码设计模式、Android开发艺术探索、Java并发编程的艺术、Android基于Glide的二次封装、Android内存优化——常见内存泄露及优化方案、.Java编程思想（第4版）等高级技术都囊括其中。

Android高级架构师进阶知识体系图
关于视频这块，我也是自己搜集了一些，都按照Android学习路线做了一个分类。按照Android学习路线一共有八个模块，其中视频都有对应，就是为了帮助大家系统的学习。接下来看一下导图和对应系统视频吧！！！
Android对标阿里P7学习视频

BATJ大厂Android高频面试题
这个题库内容是比较多的，除了一些流行的热门技术面试题，如Kotlin，数据库，Java虚拟机面试题，数组，Framework ，混合跨平台开发，等

网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

需要这份系统化学习资料的朋友，可以戳这里获取

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！

id进阶学习全套手册**
关于实战，我想每一个做开发的都有话要说，对于小白而言，缺乏实战经验是通病，那么除了在实际工作过程当中，我们如何去更了解实战方面的内容呢？实际上，我们很有必要去看一些实战相关的电子书。目前，我手头上整理到的电子书还算比较全面，HTTP、自定义view、c++、MVP、Android源码设计模式、Android开发艺术探索、Java并发编程的艺术、Android基于Glide的二次封装、Android内存优化——常见内存泄露及优化方案、.Java编程思想（第4版）等高级技术都囊括其中。

[外链图片转存中…(img-JZuRwh0H-1714506008176)]

Android高级架构师进阶知识体系图
关于视频这块，我也是自己搜集了一些，都按照Android学习路线做了一个分类。按照Android学习路线一共有八个模块，其中视频都有对应，就是为了帮助大家系统的学习。接下来看一下导图和对应系统视频吧！！！
[外链图片转存中…(img-l6qsBBIN-1714506008177)]
Android对标阿里P7学习视频

[外链图片转存中…(img-orYnQUYT-1714506008177)]

BATJ大厂Android高频面试题
这个题库内容是比较多的，除了一些流行的热门技术面试题，如Kotlin，数据库，Java虚拟机面试题，数组，Framework ，混合跨平台开发，等
[外链图片转存中…(img-tRgRWuaG-1714506008178)]

网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

需要这份系统化学习资料的朋友，可以戳这里获取

2401_84520215

关注

13
点赞
踩
24

收藏

觉得还不错? 一键收藏
0
评论
Kotlin学习日志（六）控件使用

文章会持续更新的。绝对干货！！！Android进阶学习全套手册关于实战，我想每一个做开发的都有话要说，对于小白而言，缺乏实战经验是通病，那么除了在实际工作过程当中，我们如何去更了解实战方面的内容呢？实际上，我们很有必要去看一些实战相关的电子书。
复制链接

扫一扫