整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:

运用Kotlin开发Android应用的一些技巧

运用Kotlin开发Android应用的一些技巧

们知道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/


1、Visual Studio Code(VS Code )


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:对成对的括号进行着色,方便识别代码块。


2、Sublime Text


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:增强侧边栏功能,提供更多文件操作选项。


3、Dreamweaver


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,心里乐了:“又能在张大妈水一篇文章了!”

如果您也和我一样:

  1. 相对网文,更喜欢看 出版类电子书,且有自己的电子书库
  2. 经常用手机阅读,但不喜欢 多看微信读书 等大杂烩式阅读软件
  3. 喜欢自己掌控一切,不怕折腾

静读天下(Moon+ Reader)这款软件,您一定得上手体验下!


Moon Reader 图标

二、“静读天下”简介

作为电子书阅读软件里的老牌应用,静读天下在安卓端说第二,估计没人敢称第一。自软件发布以来,连续十年入选play商店精选应用,软件评分也一直在4分以上。

连续十年被纳入play商店编辑精选

软件的特点就是:专业专业!还是TM的专业

专业不是吹的

以下是官网摘录的部分特性:

  • 支持txt,html,epub,pdf,djvu,mobiazw / azw3,fb2,prc,docx,odt,rtf,umd,chm,cbr,cbz,webp,rar,zip或OPDS 格式文件
  • 视觉效果 高度自定义:行距,字体比例,粗体,斜体,阴影,alpha颜色,褪色边缘等均可调节
  • 注释、标记、词典 功能强大
  • 支持多个 在线图书站点,直接免费阅读数万本书籍
  • 文件夹支持直接读取 网盘文件(OneDrive、坚果云、Dropbox、GDrive),告别本地读取
  • 支持 Calibre 书库

作者开发了两个版本,Moon+ Reader(免费)和Moon+ Reader Pro(付费),区别是后者 无广告 且功能又拓展了一些,个人觉得免费版就够用了很遗憾的是,小米商店、酷安现在都不能搜索到了,我记得之前还能下载的,惯例附个免费版Apk Mirror 链接。

点此链接 密码:gcna

三、详细介绍

功能布局

软件UI设计个人觉体非常简洁、美观,软件体积包也特别小,使用操作非常流畅。

首页各功能分布如下图,重点关注两点:

  • 我的文件:这里比较强大了,除了常规的 读取本地文件,静读天下还支持DropBox、Gdrive网盘,以及通过 WebDav协议 访问其他网盘(如坚果、OneDrive),实现远程书库阅读(文章后面有教程)
  • 网上书库:内置了一些免费电子书网站,不过主要是英文的; Calibre书库 也是在此出添加(后文有教程)

默认页

书架陈列

作为强迫症患者,最怕的就是图书相关信息混乱,资源没有 封面 或者封面不规范。

静读天下可以直接就可以在书架界面,编辑书籍的详细信息,包括书名、作者、简介、书籍系列、标签。

对于我自己最在意的书籍封面设置,软件也提供了非常方便的修改方式:直接点击“下载封面”,进入搜索引擎自动检索书籍相关的图片,保存为封面。不用跳出软件,另找图片设置,方便本地管理。

图书的相关设置

你不得不承认,彩色封面看着就是比kindle黑白封面舒服!

三联版金庸全集

阅读界面设置

关于这块内容,软件也是提供非常丰富的调节参数,各种配色方案、字体,这个需要自己去把玩体会。懒人也可以直接用官方给的一些主题方案,阅读感受也是极佳。

阅读界面可视选项

丰富的标注功能:

标注、笔记、书签功能

阅读中,最让我惊喜的一项功能是它的 翻译功能

当你手机上安装了 欧路词典海词词典、谷歌翻译 等应用,阅读时可以直接唤醒该程序为你所用,把专业的查词、翻译工作交给专业的工具来完成,总之两个字,讲究!

短按、长按文字操作设置

取词翻译 via 欧路词典

总之,在阅读过程中,一切都是自定义的,用户完全可根据自己的习惯来操作。

四、远程书库访问教程

我觉得访问远程书库主要有以下优点:

第一,手机端只负责阅读功能,避免书籍查找、下载,毕竟手机管理文件实属鸡肋;

第二,节省存储空间,最大化利用网盘资源。

1 Calibre 书库连接

  • 手机WiFi 与 Calibre 同处一个网络环境
  • Calibre 操作:打开书库,依次选择 连接/共享 -> 启动内容服务器,服务开启成功后,记住 IP 端口号 (例:192.168.1.117,端口号 8080)


Calibre开启内容服务

  • 静读天下操作:进入 网上书库 界面,点击右上角功能键,点击添加新书库,在弹出来的界面,再点击左下角的 CALIBRE IP,输入之前记好的 ip端口号 即可。

静读天下连接操作

  • 连接成功后,在 网上书库 界面便会多出一个 calibre书库 界面,直接点击进去,就能按类别访问书库的的图书。


App中浏览Caibre书库内容

以上逻辑也完全适合 NAS 上Calibre服务操作。

2 网盘书库连接

静读天下默认只支持Dropbox和Gdrive两类网盘的登录操作,很显然不符合国情。

如果需要访问其他网盘,必须通过 WebDav 协议获取内容。

但是,目前国产网盘貌似只有 坚果云 可以通过此方法访问。如果是自建网盘,也必须开启WebDav服务后才能实现远程访问。

本文以坚果云为例,拟实现如下功能:在静读天下应用中,阅读存储在坚果云中的电子书籍。

具体操作如下:

电脑端开启WebDav服务:

  • 打开坚果云,登陆成功后,点击 账户名,进入 账号信息 界面;

MoonReader是我的电子书库

  • 点击 安全选项, 找到 第三方应用管理,并选择 添加应用密码,输入名称如:静读天下 后,选择 生成密码,再点击完成;



牢记生成的密码

  • 将服务器地址、账户、密码(刚才生成的密码)记录下,供手机端使用。

手机端操作:

  • 打开静读天下app,在 我的文件 中,点击 WebDav,输入之前记录的 服务器地址坚果云账户 生成的应用密码,点击确定,连接成功。

通过WebDav连接坚果云

以上操作,便完成了坚果云书库的连接绑定,可以随时随地访问里面的内容。

五、后记


以上就是安卓端电子书阅读的一些折腾经验,有一说一,这软件真心强大(自来水),每次换机必须装上去。特别是一波又一波的水墨屏手机打卡活动,手机党阅读爱好者可以试试。

什么?为啥苹果端没有?大哥,苹果端优秀的软件太多了,没有就没有呗!