闲来无事,所以想熟悉一下kotlin,用kotlin实现了一下tablayout+view pager2,也包括网络retrofit2以及通过郭霖大佬了解到的view binding。
郭霖大佬对view binding的介绍 大家可以看看,写的很棒。
首先是依赖问题
//retrofit
implementation ‘com.squareup.retrofit2:retrofit:2.9.0’
implementation ‘com.squareup.retrofit2:converter-gson:2.9.0’//ConverterFactory的Gson依赖包
implementation ‘com.squareup.retrofit2:converter-scalars:2.9.0’//ConverterFactory的String依赖包
implementation(“com.squareup.okhttp3:okhttp:4.9.1”)
//glide
implementation’com.github.bumptech.glide:glide:4.11.0’
annotationProcessor ‘com.github.bumptech.glide:compiler:4.11.0’
不要问我为什么开头不放效果,因为手机没有录屏,并且想偷懒,哈哈哈哈
除了依赖,更是需要注意权限问题,网络权限相比就不用放了。
接下来看布局
activity_main
<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:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".activity.MainActivity">
<androidx.viewpager2.widget.ViewPager2
android:id="@+id/main_viewpage"
android:layout_weight="1"
android:layout_width="match_parent"
android:layout_height="match_parent">
androidx.viewpager2.widget.ViewPager2>
<com.google.android.material.tabs.TabLayout
android:id="@+id/main_tab"
android:background="@color/white"
app:tabBackground="@color/white"
app:tabIndicatorColor="@color/white"
app:tabIndicatorHeight="0dp"
app:tabRippleColor="@color/white"
app:tabSelectedTextColor="@color/main_blue"
app:tabTextColor="@color/main_gey"
android:layout_width="match_parent"
android:layout_height="50dp"
tools:ignore="MissingConstraints">
<com.google.android.material.tabs.TabItem
android:layout_width="wrap_content"
android:layout_height="wrap_content"/>
<com.google.android.material.tabs.TabItem
android:layout_width="wrap_content"
android:layout_height="wrap_content"/>
com.google.android.material.tabs.TabLayout>
LinearLayout>
简简单单一个首页布局,加入了两个fragment ,一个首页,一个我的
接下来看MainActivity.kt
因为写这个的时候还没有引入view binding,所以有findviewbyid,不过也好,不熟悉kotlin的人正好熟悉一下怎么初始化
class MainActivity : AppCompatActivity() {
@SuppressLint("UseCompatLoadingForDrawables")
override fun onCreate(savedInstanceState: Bundle?) {
super.onCreate(savedInstanceState)
setContentView(R.layout.activity_main)
//tab文字list
val textList : List<String> = listOf("首页", "我的")
//tab icon 集合
val iconList : List<Int> = listOf(R.drawable.main_tab_icon_choose_one, R.drawable.main_tab_icon_choose_two)
//初始化fragment
val homeFragment : HomeFragment = HomeFragment()
val myFragment : MyFragment = MyFragment()
//fragment的集合
val fragmentList : List<Fragment> = listOf(homeFragment, myFragment)
//初始化id
val mainTab = findViewById<TabLayout>(R.id.main_tab)
val mainViewPage = findViewById<ViewPager2>(R.id.main_viewpage)
//设置viewpager的适配器
mainViewPage.adapter = object :FragmentStateAdapter(this){
override fun getItemCount(): Int {
return fragmentList.size
}
override fun createFragment(position: Int): Fragment {
return fragmentList[position]
}
}
//指示器
val tabLayoutMediator = TabLayoutMediator(mainTab, mainViewPage){ tab :TabLayout.Tab, position :Int ->
//设置文字以及icon
tab.text = textList[position]
tab.icon = getDrawable(iconList[position])
//去掉tab长按弹出的文字
hideToolTipText(tab)
}
tabLayoutMediator.attach()
}
//去掉长按弹出来的文字
private fun hideToolTipText (tab: TabLayout.Tab){
tab.view.isLongClickable = false
if(Build.VERSION.SDK_INT > Build.VERSION_CODES.O)
tab.view.tooltipText = ""
}
}
很简单吧,其实也没什么东西,就是记录一下我的努力,也防止自己忘记。
(ps :真感觉自己起名没什么天赋)
接下来放一个icon的draw able
R.drawable.main_tab_icon_choose_one
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:drawable="@mipmap/shouyew" android:state_selected="false">item>
<item android:drawable="@mipmap/shouye" android:state_selected="true">item>
selector>
到目前为止都十分简单,真是没有什么挑战,想学习kotlin就要先学会怎么用kotlin的代码实现自己想要的东西,实践真的是唯一的真理。
接下来就要有请求了。
首先
RetrofitUtils (ps:我这里只是简单的retrofit,没有怎么封装)
object RetrofitUtils {
private val BASE_URL = ""//根路径 这里我就不明示了,毕竟涉及公司
private val retrofit = Retrofit.Builder()
.baseUrl(BASE_URL)
.addConverterFactory(GsonConverterFactory.create())//添加用于解析数据的转换库
.build()
fun <T> create(serviceClass: Class<T>): T = retrofit.create(serviceClass)
}
接下来就是接口了这里我只用了一个简单的get请求,获取首页列表数据,简单来说 打个样,既然开始学习kotlin,那你肯定用过retrofit,这里就是 打个样
RetrofitService
interface RetrofitService {
//首页列表 token不是必须的 但有必须传 这里的url肯定是不对的,就是打个样,需要你替换自己的url
@GET("productHomePage/getInfo")
fun getInfo(@Header("TOKEN") TOKEN: String): Call<HomeInfoResult>
}
bean类,啊,这句话其实我都不想写的,可不写直接放代码,不就破坏了代码加文字的美感
HomeInfoResult
class HomeInfoResult {
var code: Int? = null
var data: List<InfoList>? = null
var message: String? = null
var isSuccess = false
inner class InfoList {
//内容1 (名字旁边的标签)(费率上) 真·打个样
var content: String? = null
}
}
哈哈哈,真·打个样
不要跟我这么学啊,我这里放的都是不完整的,备注也不要这么皮,工作嘛,认真点
接下来就是 homeFragment 的请求了
homeLayout 就不放了,简简单单一个跳转外加一个recycler view,嗯,简单
在这里就用到了view binding,建议是先看一下郭霖大佬的view binding介绍
Home Fragment
class HomeFragment : Fragment() {
//这是加载home页面的控件 这是加载fragment的
//其实看着复杂,但是一点都不复杂,其实用Java的写法就是初始化了一下
//fixme 列如:_homeBinding = FragmentHomeBinding.inflate(inflater, container, false)
//fixme: return _homeBinding.root
//只不过没差别的就是全局化的 _homeBinding
//锵锵!好理解了吧,简单的很 主要是关于 ?以及?.以及!!等操作符的运用 不说熟练,一定要懂
private var _homeBinding :FragmentHomeBinding ? = null
private val homeBinding get() = _homeBinding !!
private var userToken = ""
override fun onCreate(savedInstanceState: Bundle?) {
super.onCreate(savedInstanceState)
}
override fun onCreateView(
inflater: LayoutInflater, container: ViewGroup?,
savedInstanceState: Bundle?
): View? {
// Inflate the layout for this fragment
_homeBinding = FragmentHomeBinding.inflate(inflater, container, false)
return homeBinding.root
}
override fun onViewCreated(view: View, savedInstanceState: Bundle?) {
super.onViewCreated(view, savedInstanceState)
//view created
//获取user token
val sharedPreferences =
requireContext().getSharedPreferences(AllConfig.SHARED_PREFERENCES, Context.MODE_PRIVATE)
userToken = sharedPreferences.getString(AllConfig.USER_TOKEN, "").toString()
//点击事件以及页面跳转
homeBinding.rlBank.setOnClickListener {
val intent = Intent(context, HomeBankActivity::class.java)
startActivity(intent)
}
//获取首页数据
getProductData()
}
private fun getProductData() {
val infoResultService = RetrofitUtils.create(RetrofitService::class.java)
if (userToken == null || userToken.equals("")){
userToken = ""
}
infoResultService.getInfo(userToken).enqueue(object : Callback<HomeInfoResult> {
override fun onResponse(
call: Call<HomeInfoResult>,
response: Response<HomeInfoResult>
) {
//todo 10007 token 过期 刷新页面并询问是否重新登录
val body = response.body()
if (body?.code == 200){
val infoLists = body.data
//设置一个adapter 应该都懂吧
val homeRvAdapter = infoLists?.let { HomeRvAdapter(it) }
val linearLayoutManager = LinearLayoutManager(context)
linearLayoutManager.orientation = LinearLayoutManager.VERTICAL
homeBinding.homeRv.layoutManager = linearLayoutManager
homeBinding.homeRv.adapter = homeRvAdapter
homeRvAdapter?.setOnItemClickListeners(object : HomeRvAdapter.OnItemClickListeners{
override fun onItemClick(productId: Int) {
//拿到了欸
}
})
}else
Toast.makeText(context, body?.message+"", Toast.LENGTH_SHORT).show()
}
override fun onFailure(call: Call<HomeInfoResult>, t: Throwable) {
TODO("Not yet implemented")
}
})
}
override fun onDestroyView() {
//获取布局的控件 销毁时一定要置空
_homeBinding = null
super.onDestroyView()
}
}
在getProductData中进行了网络请求,有需要的可以认真看一下,当然直接复制也行,哈哈。
这个时候可能有人就会说了,啊你这怎么不判断isSuccess 啊,你会不会啊,真不是我不判断,是真的请求成功这个返回的也是false,我打断点才看出来的
再贴一下home fragment的home adapter吧,毕竟用了view binding是真的有了一些变化
home adapter
class HomeRvAdapter(private val infoLists : List<HomeInfoResult.InfoList>) : RecyclerView.Adapter<HomeRvAdapter.InfoHolder>() {
private var mOnItemClickListener: OnItemClickListeners? = null
inner class InfoHolder(infoBinding: AdapterHomeRvLayoutBinding) : RecyclerView.ViewHolder(infoBinding.root) {
//虽然用的是view binding 进行的布局绑定,但是仍需这么写 why
//因为 用rv的原因就是因为rv在列表滚动的时候不会重复进行findviewbyid,这样会减少不必要的消耗
//但如果不这么写 那么在列表滚动的时候依旧会进行初始化 fixme 列如 :((ImageView)var10000.findViewById(id.fruitImage)).setImageResource(fruit.getImageId());
//fixme 可以通过源码看到在onBindViewHolder中就行了findViewById,所以在用view binding的时候一定要这样写
//为方便记忆 进行总结 fixme adapterBinding.inflate(参数1,参数2,参数3),参数2和3懂得都懂,参数一为LayoutInflater.from(上下文)
//fixme 最重要的是View Holder 参数前为adapter Binding ,后为 adapter Binding.root
//ps:实话没懂root代表的什么,但是点过去就是布局 emmmm
val rvImg : ImageView = infoBinding.rvImg
val rvTvName : TextView = infoBinding.rvTvName
val rvTvTip : TextView = infoBinding.rvTvTip
}
override fun onCreateViewHolder(parent: ViewGroup, viewType: Int): InfoHolder {
val infoBinding = AdapterHomeRvLayoutBinding.inflate(LayoutInflater.from(parent.context), parent, false)
return InfoHolder(infoBinding)
}
override fun onBindViewHolder(holder: InfoHolder, position: Int) {
val infoList = infoLists[position]
//glide 加载图片,剩下的懒得写,反正大差不差就是设置数据
Glide.with(holder.itemView.context)
.load(AllConfig.imgUrl+infoList.icon)
.into(holder.rvImg)
//条目点击 emmm,可以接口回调 也可以直接跳 都可以吧,这个我选择直接跳,写个接口回调真是太麻烦了,唉,还是懒啊,也不能这么说,主要是昨睡得晚,今天没什么精力
//唉,算了,还是写个接口回调吧
holder.itemView.setOnClickListener{
//判断是否为空,然后调用方法,传入id 回调拿到,跳转页面 ok,汉字编程完成
val intent : Intent = Intent(holder.itemView.context, HomeInfoActivity::class.java)
holder.itemView.context.startActivity(intent)
}
}
override fun getItemCount() = infoLists.size
//接口回调 定义接口
interface OnItemClickListeners{
fun onItemClick(productId : Int)
}
fun setOnItemClickListeners (itemClickListener : OnItemClickListeners){
this.mOnItemClickListener = itemClickListener
}
}
我好像忘了说怎么用view binding了欸,不急,现在补上
在项目的build.gradle中的android里添加
android {
/这是自动化加载布局控件view binding fixme 若不想某个布局加载 只根布局添加tools:viewBindingIgnore=“true”/
buildFeatures {
viewBinding true
}
}
唉,得,我也是不熟悉这个编辑器,文字是注释,但是它把我*号吞了好像
总而言之 只要加入这行代码就可以轻松使用view binding ,简单至此,很棒对不对
好了,具体的一些需要自己去观看代码了,如果有什么疑惑,或者 我遗漏的地方 我再补上。
目前到此 是我第一次使用kotlin进行一些开发,不得不说 真的是代码简洁,只不过我还有很多要学习的,一起进步就好。