建站
咨詢
售后
建站咨詢
新聞中心
寫(xiě)在前面
創(chuàng)新互聯(lián)公司網(wǎng)站設(shè)計(jì)，為客戶量身定制各類(lèi)網(wǎng)站建設(shè)業(yè)務(wù)，包括企業(yè)型、電子商務(wù)型、自適應(yīng)網(wǎng)站建設(shè)、行業(yè)門(mén)戶型等各類(lèi)網(wǎng)站，實(shí)戰(zhàn)經(jīng)驗(yàn)豐富，成功案例眾多。以客戶利益為出發(fā)點(diǎn)，創(chuàng)新互聯(lián)公司網(wǎng)站制作為客戶規(guī)劃、按需求定制網(wǎng)站符合企業(yè)需求、帶有營(yíng)銷(xiāo)價(jià)值的網(wǎng)絡(luò)建站方案認(rèn)真對(duì)待每一個(gè)客戶，我們不用口頭的語(yǔ)言來(lái)吹擂我們的優(yōu)秀，千余家的成功案例見(jiàn)證著我們的成長(zhǎng)。
在之前的一篇文章，我們簡(jiǎn)單的知道了Kotlin這門(mén)新語(yǔ)言的優(yōu)勢(shì)，也接觸了一些常見(jiàn)的語(yǔ)法及其簡(jiǎn)單的使用，相信你會(huì)對(duì)它有濃厚的興趣，暫且理解為對(duì)它感興趣吧，哈哈哈。那么，我們?cè)撊绾卧贏ndroid中應(yīng)用這門(mén)新的語(yǔ)言呢?今天的這篇文章帶你學(xué)習(xí)使用Kotlin開(kāi)發(fā)Android應(yīng)用，并對(duì)比我們傳統(tǒng)語(yǔ)言Java，讓你真真切切的感受到他的美和優(yōu)雅。
配置
項(xiàng)目gradle文件
- apply plugin: 'com.android.application'
- apply plugin:'kotlin-android'
- apply plugin:'kotlin-android-extensions'
- dependencies {
- classpath 'org.jetbrains.kotlin:kotlin-gradle-plugin:1.1.1'
- }
app Gradle文件：
- compile 'org.jetbrains.kotlin:kotlin-stdlib:1.1.1'
- compile 'org.jetbrains.anko:anko-sdk25:0.10.0-beta-1'// sdk15, sdk19, sdk21, sdk23 are also available
- compile 'org.jetbrains.anko:anko-appcompat-v7:0.10.0-beta-1'
Anko
通過(guò)上面的配置，你會(huì)發(fā)現(xiàn)引入的有anko的依賴。Anko是JetBrains開(kāi)發(fā)的一個(gè)強(qiáng)大的庫(kù),說(shuō)起JetBrains ，那就牛逼了，Kotlin語(yǔ)言是他們開(kāi)發(fā)的，***的的開(kāi)發(fā)工具intellij idea都是他們開(kāi)發(fā)的，AS也是基于IDEA的。好了，言歸正傳，Anko是Kotlin官方開(kāi)發(fā)的一個(gè)讓開(kāi)發(fā)Android應(yīng)用更快速更簡(jiǎn)單的Kotlin庫(kù),并且能讓我們書(shū)寫(xiě)的代碼更簡(jiǎn)單清楚更容易閱讀。它包括多個(gè)部分，如下
- Anko Commons: a lightweight library full of helpers for intents, dialogs, logging and so on;
- Anko Layouts: a fast and type-safe way to write dynamic Android layouts;
- Anko SQLite: a query DSL and parser collection for Android SQLite;
- Anko Coroutines: utilities based on the kotlinx.coroutines library
那么接下來(lái)，我們就通過(guò)代碼來(lái)理解Kotlin語(yǔ)言開(kāi)發(fā)Android的優(yōu)勢(shì)所在。
再也不用findViewById
做過(guò)Android開(kāi)發(fā)的人都知道，布局文件寫(xiě)的多了，findViewById也是一個(gè)很大的工作量，而且還要先聲明變量，在findViewById然后再?gòu)?qiáng)轉(zhuǎn)成我們的控件，使用方式一般如下
- TextView username;
- username=(TextView)findViewById(R.id.user);
- username.setText("我是一個(gè)TextView");
有時(shí)候?qū)懙氖遣皇窍胪?，可能有些人說(shuō)現(xiàn)在不是有一些注解的庫(kù)，如butterknife,當(dāng)我們使用注解時(shí)可以不用findViewById了,使用方式如下
- @BindView(R.id.user)
- TextView username;
- username.setText("我是一個(gè)TextView");
確實(shí)是這樣，使用注解后確實(shí)給我們少了一些工作量，不過(guò)這依然沒(méi)有最簡(jiǎn)單化，最簡(jiǎn)單的就是我們可以直接給id為user的控件直接賦值，或許你會(huì)感覺(jué)這有點(diǎn)不可思議。不過(guò)Kotlin確實(shí)做到了。我們可以直接這樣寫(xiě)
- user.text="我是一個(gè)TextView"
看到這你是不是有一種相見(jiàn)恨晚的感覺(jué)，太Tama的簡(jiǎn)潔了。user就是我們布局文件聲明的id，.text就想當(dāng)與setText()給，在Kotlin語(yǔ)言中，我們看不到了像Java中的set/get方法了。需要注意的是，當(dāng)我們想這樣使用的時(shí)候(不用findViewById,直接使用xml控件我們需要在gradle加入apply plugin: ‘kotlin-android-extensions’)，需要加入下面一句代碼
- //activity_login就是我們的布局
- import kotlinx.android.synthetic.main.activity_login.*
Anko Layout
通常我們使用xml文件寫(xiě)我們的布局，但是他有一些缺點(diǎn)如不是類(lèi)型安全，不是空安全，解析xml文件消耗更多的CPU和電量等等。而Anko Layout可以使用DSL動(dòng)態(tài)創(chuàng)建我們的UI，并且它比我們使用Java動(dòng)態(tài)創(chuàng)建布局方便很多主要是更簡(jiǎn)潔，它和擁有xml創(chuàng)建布局的層級(jí)關(guān)系，能讓我們更容易閱讀。
- verticalLayout {
- val textView=textView("我是一個(gè)TextView")
- val name = editText("EditText")
- button("Button") {
- onClick { toast("${name.text}!") }
- }
- }
我們?cè)贠nCreate方法中可以去掉setContentView，然后加入上面代碼就可以顯示如下圖的效果，即一個(gè)垂直的線性布局中，放了一個(gè)TextView,一個(gè)EditText,和一個(gè)Button。并且Button中有一個(gè)點(diǎn)擊事件，當(dāng)點(diǎn)擊時(shí)將EditText的內(nèi)容
以toast顯示。
上面的代碼是不是很簡(jiǎn)單易懂，當(dāng)然，默認(rèn)的控件并不能滿足我們的需求，例如我們會(huì)更改字體的顏色及大小，會(huì)設(shè)置寬度和高度，會(huì)設(shè)置margin，padding值，那么該如何實(shí)行呢，當(dāng)然也很簡(jiǎn)單，因?yàn)樗倪壿嫼蛒ml書(shū)寫(xiě)布局是一個(gè)套路。例如以下實(shí)現(xiàn)
- val textView=textView("我是一個(gè)TextView"){
- textSize = sp(17).toFloat()
- textColor=context.resources.getColor(R.color.red)
- }.lparams{
- margin=dip(10)
- height= dip(40)
- width= matchParent
- }
我想我不需要說(shuō)明上面的代碼，你就應(yīng)該看得出控件實(shí)行的效果。因?yàn)樗膶傩院臀覀冊(cè)趚ml設(shè)置屬性的名字對(duì)應(yīng)的。
在上面創(chuàng)建UI過(guò)程中，我們直接把創(chuàng)建UI的代碼寫(xiě)在onCreate方法中了，當(dāng)然，還有一種寫(xiě)法。我們創(chuàng)建一個(gè)內(nèi)部類(lèi)實(shí)行AnkoComponent接口，并重寫(xiě)createView方法，該方法返回一個(gè)View，也就是我們創(chuàng)建的布局。修改如下
- inner class UI : AnkoComponent
{ - override fun createView(ui: AnkoContext
): View { - return with(ui){
- verticalLayout {
- val textView=textView("我是一個(gè)TextView"){
- textSize = sp(17).toFloat()
- textColor=context.resources.getColor(R.color.red)
- }.lparams{
- margin=dip(10)
- height= dip(40)
- width= matchParent
- }
- val name = editText("EditText")
- button("Button") {
- onClick { view ->
- toast("Hello, ${name.text}!")
- }
- }
- }
- }
- }
- }
然后在onCreate方法中加一句代碼,即可創(chuàng)建我們的布局頁(yè)面了。如下
- UI().setContentView(this@LoginActivity)
現(xiàn)在我們編譯運(yùn)行，發(fā)現(xiàn)效果和布局文件寫(xiě)的界面是一樣的。但是它的性能是有優(yōu)勢(shì)的，其實(shí)吧并沒(méi)有發(fā)覺(jué)性能優(yōu)勢(shì)。不管怎樣，這種DSL確實(shí)便于閱讀，也很容易上手，在上面的代碼中，你可能注意到了dip(10),它表示將10dp轉(zhuǎn)換為像素的意思，是Anko的擴(kuò)展函數(shù)，說(shuō)的擴(kuò)展函數(shù)，如果閱讀過(guò)Anko的源碼我們發(fā)現(xiàn)里面大量的使用擴(kuò)展函數(shù)，這也是Kotlin語(yǔ)言的優(yōu)勢(shì)之一。確實(shí)很強(qiáng)大，例如dip擴(kuò)展(摘取View擴(kuò)展)
- inline fun View.dip(value: Int): Int = context.dip(value)
- fun Context.dip(value: Int): Int = (value * resources.displayMetrics.density).toInt()
在上面resources.displayMetrics.density和我們Java getResources().getDisplayMetrics().density是一個(gè)效果，不過(guò)看著你會(huì)不會(huì)感覺(jué)比Java書(shū)寫(xiě)舒服多了，反正我是這么感覺(jué)的。
在上面的我們給Button加了一個(gè)點(diǎn)擊事件，我們發(fā)現(xiàn)它支持lambda表達(dá)式。我們想顯示一個(gè)Toast，只需要toast(“內(nèi)容”)就可以了，是不是又很簡(jiǎn)潔。其實(shí)它也是擴(kuò)展函數(shù)，實(shí)現(xiàn)
- inline fun AnkoContext<*>.toast(message: CharSequence) = ctx.toast(message)
- fun Context.toast(message: CharSequence) = Toast.makeText(this, message, Toast.LENGTH_SHORT).show()
當(dāng)然創(chuàng)建dialog依然也很簡(jiǎn)單，如下
- alert ("我是Dialog"){
- yesButton { toast("yes")}
- noButton { toast("no")}
- }.show()
真是越看越舒心，哈哈。再來(lái)一個(gè)強(qiáng)大而又很簡(jiǎn)單很簡(jiǎn)單很簡(jiǎn)潔的一段代碼實(shí)現(xiàn)。
- doAsync {
- //后臺(tái)執(zhí)行代碼
- uiThread {
- //UI線程
- toast("線程${Thread.currentThread().name}") }
- }
該段代碼實(shí)現(xiàn)的就是AsyncTask 的效果，但是你應(yīng)該發(fā)現(xiàn)它比Java的實(shí)現(xiàn)簡(jiǎn)潔多了，當(dāng)然除非是色盲，要不然你會(huì)看出簡(jiǎn)潔的。
如果你使用Kotlin開(kāi)發(fā)Android一段時(shí)間后，會(huì)發(fā)現(xiàn)它給我們減少了很多的代碼量，當(dāng)然更多的優(yōu)勢(shì)及用法需要我們自己去探索。相信經(jīng)過(guò)探索后它會(huì)讓你大吃一驚。
實(shí)現(xiàn)一個(gè)簡(jiǎn)單的登錄界面
界面很簡(jiǎn)單，偽代碼
看著并不復(fù)雜的，那么xml實(shí)現(xiàn)的代碼就不在這貼出了，如果你想看xml實(shí)現(xiàn)可看點(diǎn)擊查，那么接下來(lái)來(lái)只看Anko在Kotlin代碼中實(shí)現(xiàn)這個(gè)布局。
- lateinit var et_account: EditText
- lateinit var et_password: EditText
- inner class LoginUi : AnkoComponent
{ - override fun createView(ui: AnkoContext
) = with(ui) { - verticalLayout {
- backgroundColor = context.resources.getColor(android.R.color.white)
- gravity = Gravity.CENTER_HORIZONTAL
- imageView(R.mipmap.ic_launcher).lparams {
- width = dip(100)
- height = dip(100)
- topMargin = dip(64)
- }
- linearLayout {
- gravity = Gravity.CENTER_VERTICAL
- orientation = HORIZONTAL
- backgroundResource = R.drawable.bg_frame_corner
- imageView
分享文章：用Kotlin優(yōu)雅地開(kāi)發(fā)Android應(yīng)用
標(biāo)題網(wǎng)址：http://www.5511xx.com/article/cdejgoh.html
