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

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

1儒旬、Kotlin介紹

Kotlin被Google扶正后,大家學習熱情高漲帖族,試著去用一下發(fā)現(xiàn)確實好用栈源,有更方便的語言特性,開發(fā)起來更加迅速竖般,代碼更加簡潔甚垦,并且與Java兼容!這篇為什么我要改用Kotlin寫得很好涣雕,也許會激發(fā)你學習的熱情艰亮!但是畢竟是一門語言,學習是一個過程胞谭,不可一蹴而就垃杖,閑暇時候學點也是極好的。
基本的語法可以看一下: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文件轉換為Kotlin文件:


Paste_Image.png

轉換后的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 邊緣側滑效果,支持多種場景下的側滑退出较锡。"
    )

    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兑燥,在構造函數(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等相關的函數(shù)可以更好進行線程的控制,再也不用寫一大堆異步函數(shù)了

列表效果圖
Gank效果圖

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

有時候想做點應用沛膳,而又沒有API時,我們都會使用爬蟲去抓取數(shù)據(jù)應用到我們APP上汛聚,而現(xiàn)在Jsoup和Kotlin結合總覺得有珠聯(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地址上的源碼,如有錯誤多謝指出芯侥!

最后編輯于
?著作權歸作者所有,轉載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末泊交,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子柱查,更是在濱河造成了極大的恐慌廓俭,老刑警劉巖,帶你破解...
    沈念sama閱讀 216,402評論 6 499
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件唉工,死亡現(xiàn)場離奇詭異研乒,居然都是意外死亡,警方通過查閱死者的電腦和手機淋硝,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,377評論 3 392
  • 文/潘曉璐 我一進店門雹熬,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人谣膳,你說我怎么就攤上這事竿报。” “怎么了继谚?”我有些...
    開封第一講書人閱讀 162,483評論 0 353
  • 文/不壞的土叔 我叫張陵烈菌,是天一觀的道長。 經(jīng)常有香客問我花履,道長芽世,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,165評論 1 292
  • 正文 為了忘掉前任诡壁,我火速辦了婚禮济瓢,結果婚禮上,老公的妹妹穿的比我還像新娘妹卿。我一直安慰自己旺矾,他們只是感情好蔑鹦,可當我...
    茶點故事閱讀 67,176評論 6 388
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著宠漩,像睡著了一般举反。 火紅的嫁衣襯著肌膚如雪懊直。 梳的紋絲不亂的頭發(fā)上扒吁,一...
    開封第一講書人閱讀 51,146評論 1 297
  • 那天,我揣著相機與錄音室囊,去河邊找鬼雕崩。 笑死戏售,一個胖子當著我的面吹牛因妙,可吹牛的內(nèi)容都是我干的碰声。 我是一名探鬼主播殖氏,決...
    沈念sama閱讀 40,032評論 3 417
  • 文/蒼蘭香墨 我猛地睜開眼吆倦,長吁一口氣:“原來是場噩夢啊……” “哼凿滤!你這毒婦竟也來了米愿?” 一聲冷哼從身側響起威始,我...
    開封第一講書人閱讀 38,896評論 0 274
  • 序言:老撾萬榮一對情侶失蹤致扯,失蹤者是張志新(化名)和其女友劉穎肤寝,沒想到半個月后,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體抖僵,經(jīng)...
    沈念sama閱讀 45,311評論 1 310
  • 正文 獨居荒郊野嶺守林人離奇死亡鲤看,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,536評論 2 332
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了耍群。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片义桂。...
    茶點故事閱讀 39,696評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖蹈垢,靈堂內(nèi)的尸體忽然破棺而出慷吊,到底是詐尸還是另有隱情,我是刑警寧澤曹抬,帶...
    沈念sama閱讀 35,413評論 5 343
  • 正文 年R本政府宣布溉瓶,位于F島的核電站,受9級特大地震影響沐祷,放射性物質(zhì)發(fā)生泄漏嚷闭。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 41,008評論 3 325
  • 文/蒙蒙 一赖临、第九天 我趴在偏房一處隱蔽的房頂上張望胞锰。 院中可真熱鬧,春花似錦兢榨、人聲如沸嗅榕。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,659評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽凌那。三九已至兼雄,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間帽蝶,已是汗流浹背赦肋。 一陣腳步聲響...
    開封第一講書人閱讀 32,815評論 1 269
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留励稳,地道東北人佃乘。 一個月前我還...
    沈念sama閱讀 47,698評論 2 368
  • 正文 我出身青樓,卻偏偏與公主長得像驹尼,于是被迫代替她去往敵國和親趣避。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 44,592評論 2 353

推薦閱讀更多精彩內(nèi)容

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