Kotlin项目实战之手机影音---toolbar处理、设置菜单点击事件处理、设置界面处理
在上一次https://www.cnblogs.com/webor2006/p/12622874.html已经初步对主界面进行了一个框架布局，目前的样子如下：
其主界面的布局文件为：
<?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" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical"> <include layout="@layout/toolbar" /> <FrameLayout android:id="@+id/container" android:layout_width="match_parent" android:layout_height="0dp" android:layout_weight="1" /> <com.roughike.bottombar.BottomBar android:id="@+id/bottomBar" android:layout_width="match_parent" android:layout_height="60dp" android:layout_alignParentBottom="true" app:bb_tabXmlResource="@xml/bottombar_tabs" /> </LinearLayout>
下面继续进行功能的实现。
toolbar处理：
修改背景色：
这里先来处理一下toolbar，先回忆一下最终的效果：
首先背景色不对，目前toolbar的背景用的是主题色：
所有这里将修改一下标题栏的主题色既可：
运行：
标题封装：
对于标题是每个界面都会要进行处理的，所以这里有必要对它进行一个封装处理了，这里就学一下在Kotlin中是如何来达到封装的目的的，跟Java的写法还是不太一样的。
这里新建一个封装管理类：
package com.kotlin.musicplayer.utils /** * 标题栏管理类 */ class ToolBarManager { /** * 初始化主界面的toolbar */ fun initMainToolBar() { //TODO } }
然后这里就跟Java不同的地方出来了，看好了，这里面可以定义一个Toolbar的引用：
但是，很明显这个Toolbar的初始化应该交由子类来提供，只有具体的界面才知道是什么样的Toolbar，所以为了不让它报错，可以将它声明成一个接口，此时val的变量就不需要强制初始化而转由子类来进行：
有了Toolbar的引用，接下来咱们就可以在初始化方法中设置一下主界面的标题：
设置标题：
接下来则可以在MainActivity来实现这个接口并对Toolbar进行初始化，具体如下：
此时就需要来初始化val的变量了：
属性重写可以参考：https://www.cnblogs.com/webor2006/p/11203903.html，这里打算用延迟初始化来提高程序的性能，怎么做？
此时看一下lazy函数：
所以为啥咱们调用是这样的：
另外，貌似之前咱们在学习Kotlin语言时还有一个延迟初始化的方式：
那这俩延迟初始化有啥区别呢？可以参考博主：https://www.jianshu.com/p/e2cb4c65d4ff，简单来说是lazyinit只能用到var的变量，而by lazy只能用于val的变量，而关于var和val有啥区别这里就不多说了，最最基础的了，接下来咱们则可以调用初始化方法了，如下：
运行：
另外咱们来打印一下日志，看一下lazy()函数的调用确实是在我们使用了Toolbar之后才执行的么？
运行看一下日志输出：
嗯，确实是！！
增加设置菜单：
接下来还需要给右侧增加一个设置菜单，如下：
其中用到一个图片：
它其实长这样：
此时可以在IDE上预览一下效果：
那此时需要再设置一个属性才行：
此时咱们再运行看一下：
设置菜单点击事件处理：
接下来给菜单增加一个点击事件：
其中这里又得复习一下相关语法了-----对象表达式（Object expression），关于这块可以参考：https://www.cnblogs.com/webor2006/p/11352421.html，关于它的作用可以大致回顾一下：
也就是在Koltin对于匿名内部类是采用对象表达式的形式来代替的，接下来咱们先来处理点击逻辑，这里先打个toast看一下：
在Kotlin中木有switch关键字，这里是用的when关键字，而关于它的用法可以参考：https://www.cnblogs.com/webor2006/p/11186089.html，其中它还简化的写法：
运行看一下：
另外对于这个事件监听代码在IDE上已经有一个标黄的提示了，很明显是有更加优化的写法：
用IDE的向导提示来修改一下，此时代码就精简为：
看一下这个回调接口的定义：
其实还可以进一步精简，这里就涉及到Kotlin调用Java的小细节了，“如果Java接口中只有一个未实现的方法，可以省略接口对象，直接用{}表示未实现的方法”，也就是：
其实这个规则就是Kotlin关于参数是Lambda表达式时直接可以用花括号来进行调用的差不多，回忆一下：
好，逻辑了这么多关于语法的知识，目的就是为了巩固Kotlin的语法，只有这样才会对Kotlin掌握得更加得熟练，接下来则需要点击跳转到一个设置界面，所以下面来准备一下：
package com.kotlin.musicplayer.ui.activity import com.kotlin.musicplayer.R import com.kotlin.musicplayer.base.BaseActivity /** * 设置界面 */ class SettingsActivity : BaseActivity() { override fun getLayoutId(): Int { return R.layout.activity_settings } }
<?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:gravity="center" android:orientation="vertical"> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="settings" /> </LinearLayout>
然后点击时跳转一下，这里又有一个Koltin的语法出来了：
其中这里获取Class时后面跟了一个.java，原因是我们的每个Activity继承的是一个Java的Activity，而非Kotlin的，如下：
而要获取对应Java的class类就需要用这种语法，关于这块可以参考：https://www.cnblogs.com/webor2006/p/11571472.html，
好，接下来运行看一下设置界面：
设置界面处理：
接下来则来对设置界面进行调整，先展示一下预期的效果图：
标题处理：
先来修改toolbar，照之前主界面的toolbar的写法来：
<?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"> <include layout="@layout/toolbar" /> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="center" android:text="settings" /> </LinearLayout>
package com.kotlin.musicplayer.ui.activity import androidx.appcompat.widget.Toolbar import com.kotlin.musicplayer.R import com.kotlin.musicplayer.base.BaseActivity import com.kotlin.musicplayer.utils.ToolBarManager import org.jetbrains.anko.find /** * 设置界面 */ class SettingsActivity : BaseActivity(), ToolBarManager { override fun getLayoutId(): Int { return R.layout.activity_settings } override val toolbar by lazy { find<Toolbar>(R.id.toolbar) } override fun initData() { super.initData() initSettingsToolBar() } }
运行看下效果：
设置项处理：
这里采用PreferenceFragment来构造咱们的设置项，所以新建一个Fragment:
package com.kotlin.musicplayer.ui.fragment import android.os.Bundle import android.preference.PreferenceFragment import android.view.LayoutInflater import android.view.View import android.view.ViewGroup import com.kotlin.musicplayer.R /** * 设置项 */ class SettingsFragment: PreferenceFragment() { override fun onCreateView(inflater: LayoutInflater?, container: ViewGroup?, savedInstanceState: Bundle?): View? { addPreferencesFromResource(R.xml.setting) return super.onCreateView(inflater, container, savedInstanceState) } }
其中配置项是在xml中：
<?xml version="1.0" encoding="utf-8"?> <PreferenceScreen xmlns:android="http://schemas.android.com/apk/res/android"> <Preference android:key="clear_cache" android:title="清除缓存" /> <SwitchPreference android:key="push" android:title="推送通知" /> <SwitchPreference android:key="no_wifi" android:title="非wifi下加载图片" /> <Preference android:key="about" android:title="关于" /> </PreferenceScreen>
然后将其声明到Activity布局当中：
运行看一下效果：
使用PreferenceFragment的好处就是对于配置的开关就不需要咱们自己来写了，它里面已经为我们处理好了，下面咱们来读取一下开关状态，看是否能正常的读取出来：
package com.kotlin.musicplayer.ui.activity import android.preference.PreferenceManager import androidx.appcompat.widget.Toolbar import com.kotlin.musicplayer.R import com.kotlin.musicplayer.base.BaseActivity import com.kotlin.musicplayer.utils.ToolBarManager import org.jetbrains.anko.find /** * 设置界面 */ class SettingsActivity : BaseActivity(), ToolBarManager { override fun getLayoutId(): Int { return R.layout.activity_settings } override val toolbar by lazy { find<Toolbar>(R.id.toolbar) } override fun initData() { super.initData() initSettingsToolBar() println("push checked:" + PreferenceManager.getDefaultSharedPreferences(this).getBoolean("push", false)) } }
其中SP的key则是在xml中配置的：
运行一下：
接下来需要处理“关于”的点击事件，简单处理下：
/** * 设置项 */ class SettingsFragment : PreferenceFragment() { override fun onCreateView(inflater: LayoutInflater?, container: ViewGroup?, savedInstanceState: Bundle?): View? { addPreferencesFromResource(R.xml.setting) return super.onCreateView(inflater, container, savedInstanceState) } override fun onPreferenceTreeClick(preferenceScreen: PreferenceScreen?, preference: Preference?): Boolean { val key = preference?.key if ("about".equals(key)) { //点击了关于 activity.startActivity(Intent(activity, AboutActivity::class.java)) } return super.onPreferenceTreeClick(preferenceScreen, preference) } }
package com.kotlin.musicplayer.ui.activity import com.kotlin.musicplayer.R import com.kotlin.musicplayer.base.BaseActivity /** * 关于页面 */ class AboutActivity : BaseActivity() { override fun getLayoutId(): Int { return R.layout.activity_about } }
<?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"> <TextView android:layout_width="match_parent" android:layout_height="match_parent" android:gravity="center" android:text="这是一款免费的Kotlin视频播放器" /> </LinearLayout>
运行：
