們知道Kotlin這門新語言的優勢,也接觸了一些常見的語法及其簡單的使用,相信你會對它有濃厚的興趣,暫且理解為對它感興趣吧。那么,我們該如何在Android中應用這門新的語言呢? |
今天的這篇文章帶你學習使用Kotlin開發Android應用,并對比我們傳統語言Java,讓你真真切切的感受到他的美和優雅。
配置
項目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
通過上面的配置,你會發現引入的有anko的依賴。Anko是JetBrains開發的一個強大的庫,說起JetBrains ,那就牛逼了,Kotlin語言是他們開發的,最流行的的開發工具intellij idea都是他們開發的,AS也是基于IDEA的。好了,言歸正傳,Anko是Kotlin官方開發的一個讓開發Android應用更快速更簡單的Kotlin庫,并且能讓我們書寫的代碼更簡單清楚更容易閱讀。它包括多個部分,如下
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
那么接下來,我們就通過代碼來理解Kotlin語言開發Android的優勢所在。
再也不用findViewById
做過Android開發的人都知道,布局文件寫的多了,findViewById也是一個很大的工作量,而且還要先聲明變量,在findViewById然后再強轉成我們的控件,使用方式一般如下
TextView username;
username=(TextView)findViewById(R.id.user);
username.setText("我是一個TextView");
有時候寫的是不是想吐,可能有些人說現在不是有一些注解的庫,如butterknife,當我們使用注解時可以不用findViewById了,使用方式如下
@BindView(R.id.user)
TextView username;
username.setText("我是一個TextView");
確實是這樣,使用注解后確實給我們少了一些工作量,不過這依然沒有最簡單化,最簡單的就是我們可以直接給id為user的控件直接賦值,或許你會感覺這有點不可思議。不過Kotlin確實做到了。我們可以直接這樣寫
user.text="我是一個TextView"
看到這你是不是有一種相見恨晚的感覺,太Tama的簡潔了。user就是我們布局文件聲明的id,.text就想當與setText()給,在Kotlin語言中,我們看不到了像Java中的set/get方法了。需要注意的是,當我們想這樣使用的時候(不用findViewById,直接使用xml控件我們需要在gradle加入apply plugin: ‘kotlin-android-extensions’),需要加入下面一句代碼
//activity_login就是我們的布局
import kotlinx.android.synthetic.main.activity_login.*
Anko Layout
通常我們使用xml文件寫我們的布局,但是他有一些缺點如不是類型安全,不是空安全,解析xml文件消耗更多的CPU和電量等等。而Anko Layout可以使用DSL動態創建我們的UI,并且它比我們使用Java動態創建布局方便很多主要是更簡潔,它和擁有xml創建布局的層級關系,能讓我們更容易閱讀。
verticalLayout {
val textView=textView("我是一個TextView")
val name=editText("EditText")
button("Button") {
onClick { toast("${name.text}!") }
}
}
我們在OnCreate方法中可以去掉setContentView,然后加入上面代碼就可以顯示如下圖的效果,即一個垂直的線性布局中,放了一個TextView,一個EditText,和一個Button。并且Button中有一個點擊事件,當點擊時將EditText的內容
以toast顯示。
上面的代碼是不是很簡單易懂,當然,默認的控件并不能滿足我們的需求,例如我們會更改字體的顏色及大小,會設置寬度和高度,會設置margin,padding值,那么該如何實行呢,當然也很簡單,因為它的邏輯和xml書寫布局是一個套路。例如以下實現
val textView=textView("我是一個TextView"){
textSize=sp(17).toFloat()
textColor=context.resources.getColor(R.color.red)
}.lparams{
margin=dip(10)
height=dip(40)
width=matchParent
}
我想我不需要說明上面的代碼,你就應該看得出控件實行的效果。因為它的屬性和我們在xml設置屬性的名字對應的。
在上面創建UI過程中,我們直接把創建UI的代碼寫在onCreate方法中了,當然,還有一種寫法。我們創建一個內部類實行AnkoComponent接口,并重寫createView方法,該方法返回一個View,也就是我們創建的布局。修改如下
inner class UI : AnkoComponent<LoginActivity> {
override fun createView(ui: AnkoContext<LoginActivity>): View {
return with(ui){
verticalLayout {
val textView=textView("我是一個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方法中加一句代碼,即可創建我們的布局頁面了。如下
UI().setContentView(this@LoginActivity)
現在我們編譯運行,發現效果和布局文件寫的界面是一樣的。但是它的性能是有優勢的,其實吧并沒有發覺性能優勢。不管怎樣,這種DSL確實便于閱讀,也很容易上手,在上面的代碼中,你可能注意到了dip(10),它表示將10dp轉換為像素的意思,是Anko的擴展函數,說的擴展函數,如果閱讀過Anko的源碼我們發現里面大量的使用擴展函數,這也是Kotlin語言的優勢之一。確實很強大,例如dip擴展(摘取View擴展)
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是一個效果,不過看著你會不會感覺比Java書寫舒服多了,反正我是這么感覺的。
在上面的我們給Button加了一個點擊事件,我們發現它支持lambda表達式。我們想顯示一個Toast,只需要toast(“內容”)就可以了,是不是又很簡潔。其實它也是擴展函數,實現
inline fun AnkoContext<*>.toast(message: CharSequence)=ctx.toast(message)
fun Context.toast(message: CharSequence)=Toast.makeText(this, message, Toast.LENGTH_SHORT).show()
當然創建dialog依然也很簡單,如下
alert ("我是Dialog"){
yesButton { toast("yes")}
noButton { toast("no")}
}.show()
真是越看越舒心,哈哈。再來一個強大而又很簡單很簡單很簡潔的一段代碼實現。
doAsync {
//后臺執行代碼
uiThread {
//UI線程
toast("線程${Thread.currentThread().name}") }
}
該段代碼實現的就是AsyncTask 的效果,但是你應該發現它比Java的實現簡潔多了,當然除非是色盲,要不然你會看出簡潔的。
如果你使用Kotlin開發Android一段時間后,會發現它給我們減少了很多的代碼量,當然更多的優勢及用法需要我們自己去探索。相信經過探索后它會讓你大吃一驚。
實現一個簡單的登錄界面
界面很簡單,偽代碼
<LinearLayout>
<ImageView/>
<LinearLayout> <ImageView/><EditText賬號/><LinearLayout>
<LinearLayout> <ImageView/><EditText密碼/><LinearLayout>
<Button 登錄/>
<LinearLayout> <CheckBox 記住密碼/><TextView 隱私協議xieu/><LinearLayout>
<TextView/>
</LinearLayout>
看著并不復雜的,那么xml實現的代碼就不在這貼出了,如果你想看xml實現可看,那么接下來來只看Anko在Kotlin代碼中實現這個布局。
lateinit var et_account: EditText
lateinit var et_password: EditText
inner class LoginUi : AnkoComponent<LoginActivity> {
override fun createView(ui: AnkoContext<LoginActivity>)=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 {
image=resources.getDrawable(R.mipmap.ic_username)
}.lparams(width=wrapContent, height=wrapContent) {
leftMargin=dip(12)
rightMargin=dip(15)
}
et_account=editText {
hint="登錄賬戶"
hintTextColor=Color.parseColor("#666666")
textSize=16f
background=null
}
}.lparams(width=dip(300), height=dip(40)) {
topMargin=dip(45)
}
linearLayout {
orientation=HORIZONTAL
backgroundResource=R.drawable.bg_frame_corner
gravity=Gravity.CENTER_VERTICAL
imageView {
image=resources.getDrawable(R.mipmap.ic_password)
}.lparams {
leftMargin=dip(12)
rightMargin=dip(15)
}
et_password=editText {
hint="登錄密碼"
hintTextColor=Color.parseColor("#666666")
textSize=16f
background=null
}
}.lparams {
width=dip(300)
height=dip(40)
topMargin=dip(10)
}
button("登錄") {
gravity=Gravity.CENTER
background=resources.getDrawable(R.drawable.bg_login_btn)
textColor=Color.parseColor("#ffffff")
onClick {
if (et_account.text.toString().isNotEmpty() && et_password.text.toString().isNotEmpty())
startActivity<MainActivity>() else toast("請輸入賬戶或者密碼")
}
}.lparams(width=dip(300), height=dip(44)) {
topMargin=dip(18)
}
linearLayout {
orientation=HORIZONTAL
gravity=Gravity.CENTER_VERTICAL
checkBox("記住密碼") {
textColor=Color.parseColor("#666666")
textSize=16f
leftPadding=dip(5)
}
textView("隱私協議") {
textColor=Color.parseColor("#1783e3")
gravity=Gravity.RIGHT
textSize=16f
}.lparams(width=matchParent)
}.lparams(width=dip(300)) {
topMargin=dip(18)
}
textView("Copyright ? Code4Android") {
textSize=14f
gravity=Gravity.CENTER or Gravity.BOTTOM
}.lparams {
bottomMargin=dip(35)
weight=1f
}
}
}
}
看到上面的代碼怎么樣,看起來還不錯吧,即使現在你不會寫,但是你也能讀懂它。在上面我們給登錄按鈕設置一個打開MainActivity的事件。startActivity的<>中寫的是我們要跳轉的Activity,如果給打開的界面傳遞參數,直接寫在()中。例如我們將輸入的賬號和密碼傳到跳轉的界面,則實現為
startActivity<MainActivity>("account" to et_account.text.toString(),"password" to et_password.text.toString())
原文來自:http://www.codeceo.com/article/use-kotlin-develop-android-apps.html
本文地址:https://www.linuxprobe.com/kotlin-develop-android.html編輯員:郭建鵬,審核員:逄增寶
本文原創地址:https://www.linuxprobe.com/kotlin-develop-android.html
TML編輯器是一種用于創建、編輯和預覽HTML(超文本標記語言)代碼的工具或應用程序。它提供了一個直觀的界面,使用戶能夠輕松地編寫和設計網頁內容。本文主要介紹HTML 常用編輯器(Visual Studio Code、Sublime Text、Atom、Notepad++和Dreamweaver)。
參考文檔:https://www.cjavapy.com/article/3299/
Visual Studio Code(簡稱VS Code)是一款由微軟開發的跨平臺源代碼編輯器,支持Windows、macOS和Linux等多種操作系統。它被廣泛用于Web開發,包括編輯HTML、CSS、JavaScript等前端技術。VS Code是一款輕量級的代碼編輯器,啟動迅速,占用資源少。VS Code提供了豐富的擴展和插件,可以根據需求安裝插件來增強編輯器功能。
1)安裝和配置
官網地址:Visual Studio Code - Code Editing. Redefined
根據操作系統下載并安裝相應版本的VS Code。打開VS Code后,可以根據自己的喜好配置編輯器設置,如主題、字體等。
2)新建HTML文件
在 VS Code 安裝完成后,選擇" 文件(F)->新建文件(N) ",在新建的文件中輸入以下代碼:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>編程之路(cjavapy.com)</title>
</head>
<body>
<h1>我的第一個標題</h1>
<p>我的第一個段落。</p>
</body>
</html>
3)編輯HTML文件
在VS Code中,點擊左上角的"文件"菜單,選擇"打開文件",或者使用快捷鍵Ctrl+O(Windows)或Cmd+O(macOS)來打開HTML文件。
在編輯器中可以直接修改HTML文件的內容。VS Code會自動識別HTML標記,并提供代碼高亮和智能提示功能。編輯完成后,使用快捷鍵Ctrl+S(Windows)或Cmd+S(macOS)來保存HTML文件。
4)插件推薦
HTML CSS Support:提供對HTML和CSS的支持,包括代碼片段、自動補全等功能。
Live Server:啟動一個本地開發服務器,實時預覽HTML頁面的效果。
Prettier:格式化HTML代碼,使代碼結構更整潔。
Auto Close Tag:自動閉合HTML標簽,提高編碼效率。
Bracket Pair Colorizer:對成對的括號進行著色,方便識別代碼塊。
Sublime Text是一款流行的跨平臺源代碼編輯器,支持Windows、macOS和Linux等多種操作系統。它被廣泛用于Web開發,包括編輯HTML、CSS、JavaScript等前端技術。
Sublime Text的界面非常簡潔,沒有多余的菜單和工具欄,更便于專注于代碼編輯。Sublime Text支持多種編程語言,包括HTML、CSS、JavaScript、Python、Java等。Sublime Text擁有強大的插件系統,用戶可以根據需要安裝插件來擴展編輯器功能。用戶可以自定義快捷鍵、主題、顏色方案等,以滿足個性化需求。Sublime Text啟動迅速,響應快速,適合于快速編輯代碼。
1)安裝和配置
官網地址:Sublime Text - Text Editing, Done Right
根據操作系統下載并安裝相應版本的Sublime Text。打開Sublime Text后,可以根據自己的喜好進行編輯器設置,如字體、主題等。
2)新建HTML文件
在Sublime Text 安裝完成后,選擇" File->New File ",在新建的文件中輸入以下代碼:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>編程之路(cjavapy.com)</title>
</head>
<body>
<h1>我的第一個標題</h1>
<p>我的第一個段落。</p>
</body>
</html>
3)編輯HTML文件
在Sublime Text中,點擊左上角的"File"菜單,選擇"Open File",或者使用快捷鍵Ctrl+O(Windows)或Cmd+O(macOS)來打開HTML文件。在編輯器中可以直接修改HTML文件的內容。Sublime Text會自動識別HTML標記,并提供代碼高亮和智能提示功能。編輯完成后,使用快捷鍵Ctrl+S(Windows)或Cmd+S(macOS)來保存HTML文件。
4)插件推薦
Emmet:提供HTML/CSS快速編寫和自動完成功能,可以大大提高編碼效率。
Sublime Linter:對代碼進行實時語法檢查,幫助發現潛在的錯誤和警告。
Color Highlighter:對CSS中的顏色進行高亮顯示,方便調試和修改樣式。
SideBarEnhancements:增強側邊欄功能,提供更多文件操作選項。
Dreamweaver是由Adobe公司開發的一款全球知名的網頁設計和開發工具。它為開發人員和設計師提供了一個可視化的界面,可以直觀地創建和編輯網頁內容,同時也支持手動編輯代碼。Dreamweaver提供可視化界面,可以直觀地拖拽和編輯網頁元素,無需手動編寫代碼。除了可視化界面,Dreamweaver也支持手動編輯代碼,適合于開發人員和設計師。Dreamweaver可在Windows和macOS等多個平臺上運行。Dreamweaver集成了代碼編輯器、預覽窗口、文件管理器等功能,提供全面的開發環境。
1)安裝和配置
官網地址:Website design software | Adobe Dreamweaver
根據操作系統下載并安裝相應版本的Dreamweaver。打開Dreamweaver后,,根據需要進行編輯器設置,如界面語言、字體、代碼顏色等。
2)編輯HTML文件
在Dreamweaver中,點擊左上角的"File"菜單,選擇"New",然后選擇"HTML",即可新建一個空白的HTML文件。內容如下:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>編程之路(cjavapy.com)</title>
</head>
<body>
<h1>我的第一個標題</h1>
<p>我的第一個段落。</p>
</body>
</html>
使用可視化界面,可以直接拖拽頁面元素、調整布局、插入圖片等。若需要手動編輯HTML代碼,可以在下方的代碼編輯器中進行修改。Dreamweaver會自動提供代碼補全和語法高亮功能。在Dreamweaver中,可以實時預覽網頁效果,點擊右上角的"Live View"按鈕即可。
3)CSS和JavaScript支持
Dreamweaver也支持CSS和JavaScript的編輯和預覽,可以幫助創建更豐富的網頁效果。在編輯器中可以直接編輯CSS樣式和JavaScript代碼,并實時查看效果。
4)網頁上傳和發布
Dreamweaver集成了FTP功能,可以直接將編輯好的網頁上傳到服務器。點擊"Site"菜單,選擇"Manage Sites",配置好站點設置,即可進行上傳和發布。
5)Dreamweaver模板和庫
Dreamweaver提供模板和庫功能,可以保存和復用常用的網頁元素和樣式,提高開發效率。
參考文檔:https://www.cjavapy.com/article/3299/
內容來源于@什么值得買APP,觀點僅代表作者本人 |作者:那夜師太太溫柔
之前分享了一篇關于“免費電子書網站倒閉后如何找書”的經驗帖,收獲(騙)了很多贊,讓我受寵若驚!
這兩天就有值友就私聊問我:“我沒有kindle哎,針對 手機端電子書閱讀 你有沒有比較好的體驗方案?”
我默默地瞄了一眼床頭幾個月沒充電的(二手)kindle,又翻了翻我手機里的APP,心里樂了:“又能在張大媽水一篇文章了!”
如果您也和我一樣:
那 靜讀天下(Moon+ Reader)這款軟件,您一定得上手體驗下!
Moon Reader 圖標
作為電子書閱讀軟件里的老牌應用,靜讀天下在安卓端說第二,估計沒人敢稱第一。自軟件發布以來,連續十年入選play商店精選應用,軟件評分也一直在4分以上。
連續十年被納入play商店編輯精選
軟件的特點就是:專業!專業!還是TM的專業!
專業不是吹的
以下是官網摘錄的部分特性:
作者開發了兩個版本,Moon+ Reader(免費)和Moon+ Reader Pro(付費),區別是后者 無廣告 且功能又拓展了一些,個人覺得免費版就夠用了 。很遺憾的是,小米商店、酷安現在都不能搜索到了,我記得之前還能下載的,慣例附個免費版Apk Mirror 鏈接。
點此鏈接 密碼:gcna
軟件UI設計個人覺體非常簡潔、美觀,軟件體積包也特別小,使用操作非常流暢。
首頁各功能分布如下圖,重點關注兩點:
默認頁
作為強迫癥患者,最怕的就是圖書相關信息混亂,資源沒有 封面 或者封面不規范。
靜讀天下可以直接就可以在書架界面,編輯書籍的詳細信息,包括書名、作者、簡介、書籍系列、標簽。
對于我自己最在意的書籍封面設置,軟件也提供了非常方便的修改方式:直接點擊“下載封面”,進入搜索引擎自動檢索書籍相關的圖片,保存為封面。不用跳出軟件,另找圖片設置,方便本地管理。
圖書的相關設置
你不得不承認,彩色封面看著就是比kindle黑白封面舒服!
三聯版金庸全集
關于這塊內容,軟件也是提供非常豐富的調節參數,各種配色方案、字體,這個需要自己去把玩體會。懶人也可以直接用官方給的一些主題方案,閱讀感受也是極佳。
閱讀界面可視選項
豐富的標注功能:
標注、筆記、書簽功能
閱讀中,最讓我驚喜的一項功能是它的 翻譯功能。
當你手機上安裝了 歐路詞典、海詞詞典、谷歌翻譯 等應用,閱讀時可以直接喚醒該程序為你所用,把專業的查詞、翻譯工作交給專業的工具來完成,總之兩個字,講究!
短按、長按文字操作設置
取詞翻譯 via 歐路詞典
總之,在閱讀過程中,一切都是自定義的,用戶完全可根據自己的習慣來操作。
我覺得訪問遠程書庫主要有以下優點:
第一,手機端只負責閱讀功能,避免書籍查找、下載,畢竟手機管理文件實屬雞肋;
第二,節省存儲空間,最大化利用網盤資源。
Calibre開啟內容服務
靜讀天下連接操作
App中瀏覽Caibre書庫內容
以上邏輯也完全適合 NAS 上Calibre服務操作。
靜讀天下默認只支持Dropbox和Gdrive兩類網盤的登錄操作,很顯然不符合國情。
如果需要訪問其他網盤,必須通過 WebDav 協議獲取內容。
但是,目前國產網盤貌似只有 堅果云 可以通過此方法訪問。如果是自建網盤,也必須開啟WebDav服務后才能實現遠程訪問。
本文以堅果云為例,擬實現如下功能:在靜讀天下應用中,閱讀存儲在堅果云中的電子書籍。
具體操作如下:
電腦端開啟WebDav服務:
MoonReader是我的電子書庫
牢記生成的密碼
手機端操作:
通過WebDav連接堅果云
以上操作,便完成了堅果云書庫的連接綁定,可以隨時隨地訪問里面的內容。
以上就是安卓端電子書閱讀的一些折騰經驗,有一說一,這軟件真心強大(自來水),每次換機必須裝上去。特別是一波又一波的水墨屏手機打卡活動,手機黨閱讀愛好者可以試試。
什么?為啥蘋果端沒有?大哥,蘋果端優秀的軟件太多了,沒有就沒有唄!
*請認真填寫需求信息,我們會在24小時內與您取得聯系。