用Kotlin實現(xiàn)RecyclerView探索

自從Kotlin被Google欽定后熱鬧了一陣子，感覺應該擁抱一下互聯(lián)網(wǎng)，特此記錄一下自己的Kotlin學習過程

1、Kotlin介紹

Kotlin被Google扶正后，大家學習熱情高漲，試著去用一下發(fā)現(xiàn)確實好用，有更方便的語言特性，開發(fā)起來更加迅速，代碼更加簡潔，并且與Java兼容！這篇為什么我要改用Kotlin寫得很好，也許會激發(fā)你學習的熱情！但是畢竟是一門語言，學習是一個過程，不可一蹴而就，閑暇時候?qū)W點也是極好的。
基本的語法可以看一下：Kotlin-in-Chinese

2、配置工程

Project Gradle：

buildscript {
    ext.kotlin_version = '1.1.2-3'
    repositories {
        jcenter()
    }
    dependencies {
        classpath 'com.android.tools.build:gradle:2.2.2'
        classpath "org.jetbrains.kotlin:kotlin-gradle-plugin:$kotlin_version"
        classpath "org.jetbrains.kotlin:kotlin-android-extensions:$kotlin_version"
    }
}

allprojects {
    repositories {
        jcenter()
    }
}

task clean(type: Delete) {
    delete rootProject.buildDir
}

App Gradle：

apply plugin: 'com.android.application'
apply plugin: 'kotlin-android'
apply plugin: 'kotlin-android-extensions'

android {
    compileSdkVersion 25
    buildToolsVersion "25.0.1"
    defaultConfig {
        applicationId "com.jun.kotlinlearn"
        minSdkVersion 15
        targetSdkVersion 25
        versionCode 1
        versionName "1.0"
    }
    buildTypes {
        release {
            minifyEnabled false
            proguardFiles getDefaultProguardFile('proguard-android.txt'), 'proguard-rules.pro'
        }
    }
}

dependencies {
    compile fileTree(dir: 'libs', include: ['*.jar'])
    compile 'com.android.support:appcompat-v7:25.1.1'
    testCompile 'junit:junit:4.12'
    compile "org.jetbrains.kotlin:kotlin-stdlib:$kotlin_version"
}

這里其實應用kotlin-android即可使用Kotlin，但是強烈建議加上kotlin-android-extensions， Kotlin Android Extensions是另一個Kotlin團隊研發(fā)的插件，讓我們用更少的代碼來開發(fā)程序 。包括了view的綁定。該插件自動創(chuàng)建了很多的屬性來讓我們直接訪問XML中的view，不需要我們在布局中去找到這些views。

3、AS插件

Kotlin插件

插件不是必須的，但是不裝的話想象不出來怎么寫Kotlin，都是Jetbrain出品用起來就是了~

4、Hello World

對于才創(chuàng)建的工程可以選中后點擊Code->Convert Java File to Kotlin File，將Java文件轉(zhuǎn)換為Kotlin文件：


Paste_Image.png

轉(zhuǎn)換后的Class風格如下：


Hello World

也可以New kt文件：


New File

以上就是Kotlin在Android studio上的配置與介紹

實現(xiàn)一個簡易的RecyclerView

經(jīng)過以上簡單的介紹后，下面我們來使用Kotlin來實現(xiàn)Android的簡易界面

首先是Activity代碼，只包含了一個RecyclerView
class MainActivity : AppCompatActivity() {

    val items = listOf(
            "給初學者的RxJava2.0教程（七）: Flowable",
            "Android之View的誕生之謎",
            "Android之自定義View的死亡三部曲之Measure",
            "Using ThreadPoolExecutor in Android ",
            "Kotlin 泛型定義與 Java 類似，但有著更多特性支持。",
            "Android異步的姿勢，你真的用對了嗎？",
            "Android 高質(zhì)量錄音庫。",
            "Android 邊緣側(cè)滑效果，支持多種場景下的側(cè)滑退出。"
    )

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)
        val listview = findViewById(R.id.list_view) as RecyclerView
        listview.layoutManager = LinearLayoutManager(this)
        listview.adapter = MainAdapter(items)
    }
}

所使用的layout文件

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/activity_main"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingLeft="10dp"
    android:paddingRight="10dp">

    <android.support.v7.widget.RecyclerView
        android:id="@+id/listview"
        android:layout_width="match_parent"
        android:layout_height="match_parent"/>
</RelativeLayout>

對這里不需要find view 也不需要用其它方式bind，直接import即可使用該view，并且也需要set其屬性，直接等于就好。

RecyclerView所使用的Adapter：
class MainAdapter(val items : List<String>) : RecyclerView.Adapter<MainAdapter.ViewHolder>() {

    override fun onCreateViewHolder(parent: ViewGroup, viewType: Int): ViewHolder {
        return ViewHolder(TextView(parent.context))
    }

    override fun getItemCount(): Int = items.size

    override fun onBindViewHolder(holder: ViewHolder, position: Int) {
        holder.textView.text = items[position]
    }

    class ViewHolder(val textView: TextView) : RecyclerView.ViewHolder(textView)
}

這里的：override fun getItemCount(): Int = items.size 直接返回不需要return，非常方便。

列表效果圖
列表效果圖

二、使用API實現(xiàn)列表

以上是一個簡單的Kotlin使用，list數(shù)據(jù)是寫死的，并沒有太多的參考價值，接下來嘗試一下調(diào)用API實現(xiàn)列表。

1、在此借用Gank.io來實現(xiàn)API請求例子：

class Request(val url: String) {

    companion object {
        val BASE_URL = "http://gank.io/api/"
    }

    fun run(): String {
        val resultStr = URL(url).readText()
        return resultStr
    }
}

這里 URL(url).readText()就可以將數(shù)據(jù)請求到，就是這么方便...小規(guī)模的請求這個肯定是沒問題了

2、定義GankNews：

data class GankNews(val _id: String,
                    val createdAt: String,
                    val desc: String,
                    val publishedAt: String,
                    val type: String,
                    val url: String,
                    val used: Boolean,
                    val who: String)

這里不需要像Java那樣寫set和get，在構(gòu)造函數(shù)內(nèi)定義成val即可。

3、再用Gson進行反序列化：

    compile "com.google.code.gson:gson:2.8.0"

class DataLoader {

    fun getGankNewsList(date:String): List<GankNews> {
        val url = Request.BASE_URL+date
        return Gson().fromJson(Request(url).run(),GankNewsList::class.java).results
    }
}

這樣即取到了我們所需的list

4、RecyclerView所使用的Adapter：

class GankNewsAdapter(val items : List<GankNews>, val itemClickListener: (GankNews)->Unit) : RecyclerView.Adapter<GankNewsAdapter.ViewHolder>() {

    override fun onCreateViewHolder(parent: ViewGroup, viewType: Int): ViewHolder {
        val view = LayoutInflater.from(parent.context).inflate(R.layout.item_view_list_layout, parent, false)
        return ViewHolder(view, itemClickListener)
    }

    override fun getItemCount(): Int = items.size

    override fun onBindViewHolder(holder: ViewHolder, position: Int) {
        holder.bind(items[position])
    }

    class ViewHolder(val view: View, val itemClickListener: (GankNews) -> Unit) : RecyclerView.ViewHolder(view) {
        fun bind(news: GankNews) {
            view.title.text = news.desc
            view.desc.text = news.type
            view.setOnClickListener {
                itemClickListener(news)
            }
        }
    }
}

6、列表的Fragment，好像也沒啥好說的

class GankNewsFragment : Fragment() {
    companion object {
        fun newInstance() : GankNewsFragment {
            var fragment = GankNewsFragment()
            return fragment
        }
    }

    override fun onCreateView(inflater: LayoutInflater?, container: ViewGroup?, savedInstanceState: Bundle?): View? {
        return inflater!!.inflate(R.layout.fragment_news_list_layout, container, false)
    }

    override fun onActivityCreated(savedInstanceState: Bundle?) {
        super.onActivityCreated(savedInstanceState)
        recyclerView.layoutManager = LinearLayoutManager(activity)
        getGanksNewsList()
    }

    fun getGanksNewsList() = doAsync {
        val news = DataLoader().getGankNewsList("data/all/20/2")
        uiThread {
            recyclerView.adapter = GankNewsAdapter(news) {
                val intent = Intent()
                intent.setClass(activity, WebActivity::class.java)
                intent.putExtra("url", it.url)
                startActivity(intent)
            }
        }
    }
}

可以看到使用doAsync和uiThread等相關(guān)的函數(shù)可以更好進行線程的控制，再也不用寫一大堆異步函數(shù)了

列表效果圖
Gank效果圖

三、使用Jsoup 實現(xiàn)的數(shù)據(jù)填充

有時候想做點應用，而又沒有API時，我們都會使用爬蟲去抓取數(shù)據(jù)應用到我們APP上，而現(xiàn)在Jsoup和Kotlin結(jié)合總覺得有珠聯(lián)璧合的感覺，以下用cnbeta來擼一個新聞列表。

1、首先是Jsoup爬取網(wǎng)頁數(shù)據(jù)

private fun loadList() = doAsync {
        val result = getLinks("http://www.cnbeta.com/")
        uiThread {
            recyclerView.adapter = MainAdapter(result) {
                val url = "http://m.cnbeta.com/view" + it.url.substring(it.url.lastIndexOf("/"))
                val intent = Intent()
                intent.setClass(activity, WebActivity::class.java)
                intent.putExtra("url", url)
                startActivity(intent)
            }
        }
    }

    private fun getLinks(url :String): ArrayList<News>{
        val links = ArrayList<News>()
        val doc: Document = Jsoup.connect(url).get()
        val elements: Elements = doc.select("div.items-area").first().allElements.first().children()

        for (e in elements) {
            if (e.getElementsByTag("dt").text().isEmpty())
                continue
            links.add(News(e.getElementsByTag("dt").text(),
                    e.getElementsByTag("dd").text(),
                    e.select("a[href]").first().attr("href"),
                    e.select("img[src]").first().attr("src")))
        }
        return links
    }

然后加個圖片加載器

    compile "com.github.bumptech.glide:glide:3.6.1"

再寫個adapter

class MainAdapter(val items : List<News>, val itemClickListener: (News)->Unit) : RecyclerView.Adapter<MainAdapter.ViewHolder>() {

    override fun onCreateViewHolder(parent: ViewGroup, viewType: Int): ViewHolder {
        val view = LayoutInflater.from(parent.context).inflate(R.layout.item_view_list_layout, parent, false)
        return ViewHolder(view, itemClickListener)
    }

    override fun getItemCount(): Int = items.size

    override fun onBindViewHolder(holder: ViewHolder, position: Int) {
        holder.bind(items[position])
    }

    class ViewHolder(val view: View, val itemClickListener: (News)->Unit) : RecyclerView.ViewHolder(view) {
        fun bind(news: News) {
            view.title.text = news.title
            view.desc.text = news.desc
            if (news.image.isNotEmpty()) {
                Glide.with(view.context).load(news.image).into(view.image)
                view.image.visibility = View.VISIBLE
            } else{
                view.image.visibility = View.GONE
            }

            view.setOnClickListener {
                itemClickListener(news)
            }
        }
    }
}

然后就已經(jīng)實現(xiàn)了完整的新聞列表頁，效果圖如下：

列表效果圖：
cnbeta新聞列表

這里的難點可能是網(wǎng)頁標簽的選取，其它代碼和上面的沒有什么兩樣！

以上就是kotlin的一個簡單的使用，有不明白的地方可以看一下GitHub地址上的源碼，如有錯誤多謝指出！

最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成，瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點，簡書系信息發(fā)布平臺，僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 178,917評論 25贊 709
  • afinalAfinal是一個android的ioc，orm框架 https://github.com/yangf...
    passiontim閱讀 15,857評論 2贊 45
  • 內(nèi)容抽屜菜單ListViewWebViewSwitchButton按鈕點贊按鈕進度條TabLayout圖標下拉刷新...
    皇小弟閱讀 47,144評論 22贊 665
  • 早上習之被我從溫暖被窩里拖出來，焦躁煩悶，喊道：“我不想上學，不想去幼兒園?！?我一邊給他穿衣服（天冷，時間倉促，...
    蟈蟈lgp閱讀 395評論 0贊 0
  • 其實，我也無法預測我的未來 我是高三高考生，高考過后，即將在成績揭曉的這些日子，大概也明白了什么叫做坐立難...
    軟伊伊閱讀 369評論 0贊 0

友情鏈接更多精彩內(nèi)容