界面做的比較丑梦裂，但是基本上實現(xiàn)了功能似枕。
為了學(xué)習(xí)最近比較火的kotlin語言，就試著寫了個demo年柠。
參考上篇文章仿掌上英雄聯(lián)盟的效果凿歼。
一、開始前的準備
-
導(dǎo)入kotlin開發(fā)環(huán)境：
在androidStudio3.0版本默認已經(jīng)集成好了冗恨。直接在創(chuàng)建項目的時候勾選include Kotlin support答憔，會自動幫我們創(chuàng)建好kotlin語言的項目。不勾選就是java掀抹。
image.png 如果是手動集成kotlin：
需要兩個地方進行配置
1虐拓、根目錄下的 project - build.gradle
buildscript {
ext.kotlin_version = '1.1.2-4'
....//省略部分代碼
}
}
dependencies {
classpath 'com.android.tools.build:gradle:2.3.0'
classpath "org.jetbrains.kotlin:kotlin-gradle-plugin:$kotlin_version"
}
2、model - build.gradle
apply plugin: 'kotlin-android'
apply plugin: 'kotlin-android-extensions'
dependencies {
compile "org.jetbrains.kotlin:kotlin-stdlib-jre7:$kotlin_version"
.....//省略部分代碼
}
需要注意的是如果是自動集成的默認沒有apply plugin: 'kotlin-android-extensions'
該方法需要手動添加傲武，關(guān)于用處后面再說蓉驹。
二城榛、加入控件，創(chuàng)建布局
前面說的一個控件就是指scrollablelayout态兴，在GitHub已經(jīng)開源很久了狠持。
已經(jīng)提供好了折疊所需要的布局。
compile 'com.github.cpoopc:scrollablelayoutlib:1.0.1'
Scrollable需要三個子view瞻润，來分別展示：折疊的部分喘垂、標題部分、滾動的部分敢订。
所以布局中大體就是一個標題欄+一個ScrollacleLayout
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
tools:context="com.wapchief.kotlin.MainActivity">
<!--標題欄-->
<include layout="@layout/action_bar"/>
<!--包裹三個View-->
<com.cpoopc.scrollablelayoutlib.ScrollableLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@android:color/white"
android:orientation="vertical">
<!--header-->
<include layout="@layout/main_header" />
<!--tab-->
<include layout="@layout/main_tablayout" />
<!--footer-->
<android.support.v4.view.ViewPager
android:id="@+id/vp"
android:layout_width="match_parent"
android:layout_height="match_parent" />
</com.cpoopc.scrollablelayoutlib.ScrollableLayout>
</LinearLayout>
這里的布局跟java的一樣王污，按正常的方式寫就好。主要是在activity中的變化楚午。
三昭齐、在activity中實例化
-
實例化控件：
和java不同的是kotlin不需要通過findviewby來獲取控件。java中如果存在多個視圖文件布局就要創(chuàng)建多個view矾柜，比如這里我用的都是lnclude阱驾，如果是java中就要創(chuàng)建四個view對象。再分別實例化怪蔑。
在kotlin中提供了更加簡潔的方法 : 直接通過導(dǎo)入包的形式來拿到控件里覆，
import kotlinx.android.synthetic.main.activity_main.*
import kotlinx.android.synthetic.main.action_bar.*
import kotlinx.android.synthetic.main.main_tablayout.*
import kotlinx.android.synthetic.main.main_header.*
這樣就直接拿到了所有用到的view中的所有控件,.*就是實例化View中所有的id，
如果想實例化單個id缆瓣，就是import kotlinx.android.synthetic.main.main_header.id喧枷。
在通過
kotlinx實例化的時候，剛開始遇到一個問題就是找不到該方法弓坞，后來查到是因為androidStudio自動創(chuàng)建的kotiln沒有apply plugin: 'kotlin-android-extensions'這一行代碼隧甚。
所以在創(chuàng)建項目的時候要檢查是否存在。初始化fragment：
由于在viewpager切換用到了fragment渡冻，所以要創(chuàng)建一個存放fragment的集合
var fragments: MutableList<Fragment> = ArrayList<Fragment>()
fragments.add(Fragment1())
fragments.add(Fragment1());
fragments.add(Fragment1());
和java不同的是戚扳，kotlin使用的是MutableList，并且變量名是在前的族吻，
并且添加Fragment的時候也不需要new Fragment對象帽借，是不是簡潔了很多。
-
關(guān)聯(lián)viewpager:
在kotlin中已經(jīng)幫我們簡化了很多get超歌、set方法砍艾，比如setAdapter直接調(diào)用adapter 就可以使用，如果要設(shè)置控件的顯示或隱藏就是header_1.visibility=View.GONE
vp.adapter=viewPagerAdapter(supportFragmentManager,fragments)
viewpager需要一個適配器巍举，使用內(nèi)部類創(chuàng)建一個viewPagerAdapter辐董，
fm和list分別為參數(shù)，FragmentManager和List<Fragment>為類型禀综，
FragmentPagerAdapter相當(dāng)于extend FragmentPagerAdapter繼承了該類简烘。
//繼承 FragmentPagerAdapter 創(chuàng)建適配器
class viewPagerAdapter(fm: FragmentManager?, var list: List<Fragment>) : FragmentPagerAdapter(fm) {
override fun getItem(position: Int): Fragment {
return list.get(position)
}
override fun getCount(): Int {
return list.size
}
}
-
監(jiān)聽view pager事件：
這里要監(jiān)聽viewpager苔严，實現(xiàn)切換Framgment切換的效果
重寫onPagerSelected方法。
when就是循環(huán)相當(dāng)于switch case語句
如果只執(zhí)行一個方法就不需要加{}
override fun onPageSelected(position: Int) {
//判斷滑動后選擇的頁面設(shè)置相應(yīng)的標簽被選中
when (position) {
0 -> {
initTabLayout(tab1_tv, tab1_v)
clearTabLayout(tab2_tv, tab2_v)
clearTabLayout(tab3_tv, tab3_v)
}
1 -> {
initTabLayout(tab2_tv, tab2_v)
clearTabLayout(tab1_tv, tab1_v)
clearTabLayout(tab3_tv, tab3_v)
}
2 -> {
initTabLayout(tab3_tv, tab3_v)
clearTabLayout(tab2_tv, tab2_v)
clearTabLayout(tab1_tv, tab1_v)
}
}
控件不需要實例化孤澎，在方法中定義好控件的類型届氢，需要調(diào)用的時候直接傳遞控件id，在引用資源id,同樣的例子：resources替代了java中的getResources
/*初始化tab標簽*/
private fun initTabLayout(tv: TextView,tv2: TextView) {
tv.setTextColor(resources.getColor(R.color.tab_select))
tv2.setBackgroundColor(resources.getColor(R.color.tab_select))
}
/*重置tab標簽顏色*/
private fun clearTabLayout(tv: TextView,tv2: TextView){
tv.setTextColor(resources.getColor(R.color.tab_clear))
tv2.setBackgroundColor(Color.WHITE)
}
-
最后用到的就是監(jiān)聽:
也是最常用的方法之一覆旭，kotlin中實現(xiàn)監(jiān)聽不需要實例化監(jiān)聽事件退子，直接使用一行代碼調(diào)用就實現(xiàn)了監(jiān)聽操作
tab1.setOnClickListener {
vp.setCurrentItem(0)
initTabLayout(tab1_tv, tab1_v)
clearTabLayout(tab2_tv, tab2_v)
clearTabLayout(tab3_tv, tab3_v)
}
四、Fragment設(shè)置假數(shù)據(jù)
在寫demo用的大多都是假數(shù)據(jù)型将，方便查看效果寂祥，都是通過for循環(huán)實現(xiàn)數(shù)據(jù)的遞增添加
private fun getData(): List<String> {
val data = ArrayList<String>()
for (i in 0..30) {
data.add(i,"測試數(shù)據(jù)："+i)
}
return data
}
END
試著用Kotlin寫了一個小demo，對比java感覺精簡是kotlin的一大特點七兜，能讓開發(fā)者節(jié)省更多的時間丸凭，并且語法也非常好理解。有點與php類似腕铸。對于android開發(fā)者來說上手很容易惜犀。
相關(guān)資源：
