新开一个安卓坑, 此坑的内容来自在Google中国开发者面向Android初学者的论坛http://www.studyjamscn.com
准备工作
Windows10
Java Development Kit8
Android Studio2.3.3
Gradle4.1(后面会讲到, 可以先不下载)
建立工程
建立工程的第一步这里之所以使用Company domain的逆序作为包名, 是因为域名的唯一性, 这个唯一性是我们之后发布应用到应用商店的身份证明. 有的小伙伴可能会想, 我没有域名怎么办? 不用担心, 我们还可以用通过博客地址,微博地址这些来曲线救国, 现在支持个性域名的网站已经不少.
选择SDK的时候, 如图中所示, 百分数是指目前在Google Play中此版本到最新版本的手机覆盖率之和, 为了应用能有更好的覆盖面, 我们应该在保证大部分新API能用的情况下, 提高覆盖率. 而不是一味的求覆盖率. 有些功能如Google Pay等不在2.X的Android版本中提供, 这意味着你的应用不能使用相关的api
点击Help Me Choose可以看到各个版本Api的详情, 可以根据你要完成的应用所需功能与详情对照来确定使用哪一个
接下来按Next保持默认直到最后一步Finish, 之后会进行初始化, 由于墙的原因, 这里正常是初始失败的, 进度条转了半天都在
Building gradle project info
之后会报错
Gradle下载地址 https://gradle.org/releases/
注意,下载的时候使用浏览器的默认下载工具很可能又会失败, 因为文件所在的服务器不在中国.
建议用迅雷, 轻松满速下载
下载完毕后建议在C盘中解压到一个文件夹如C:/Gradle
之后右键计算机>属性>系统高级设置>环境变量>选择系统变量中的Path,编辑,新建, C:\Gradle\gradle-4.1\bin, 之后可以在Power shell中检验安装情况, 输入
gradle -v
回到Android Studio, file->settings->如图所示, 选择use local gradle, 选择安装地址, 应用即可
开始编程
Android Studio在2.2以上的版本默认使用Google在2016的i/O大会推出的ConstraintLayout(约束布局)
在本次笔记中不需要用到, 我们使用RelativeLayout, 如果你想了解Google推出的这个新的布局控件可以看下这篇文章
Google I/O：Android ConstraintLayout 扁平化布局入门
我们先把默认布局改回RelativeLayout
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".MainActivity">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Hello World!" />
</RelativeLayout>
RelativeLayout的布局有点类似栈的概念, 比如放了两个TextView, 如果让它在默认的位置, 后面的TextView会挡出前面的TextView, 这也与Ps中的图层有点相似.
下图是我们要完成的目标, 标题栏已经由系统生成, 无需修改
先把各个组件拆分出来
将鼠标移动到预览界面上, 可以看到一共需要三个控件
包括两个TextView, 一个imageView
imageView自动生成的属性中不包括src(图片路径), 需要自己添加,建议与默认设置一样放在res(resource缩写)目录下的drawable文件夹
android:src="@drawable/xxx(文件名, 不需要后缀)"
根据上面的图, 我们需要将两个textView置于中间, 并在两个textView之间留有空隙, 图片需要覆盖整个屏幕, 并选取中间的部分,
与位置相关的属性大部分是含有center, Top, bottom等单词,可以在IDE智能弹出来的下拉框中选到layout_centerHorizontal属性, 设置为true
接着处理空隙, 用margin或者padding均可, margin留的空隙是在这个控件外面的空白, 而padding是控件边缘到内容间的空白, 不填充颜色的情况下, 在本例中的效果相同, 同时使用margin和padding会有叠加效果.
针对imageView, 我们使用centerCrop属性, 此属性会裁切并使用图片的中间部分, 同时要将控件的长宽属性值修改为"match_parent", 这样才能使大尺寸的图片充满整个屏幕(从属性名就可以猜个大概了, 所以变量名还是要认真起)
Style the Views
最后对控件进行样式编辑, 需要注意的是, 这里的文字大小我们不用dp, px而是使用sp(Scale-independent Pixel), 这里用36sp, 如英文所示, 可以猜个大概
sp不受屏幕分辨率影响, 如果使用px这样与像素密度分辨率相关的, 在不同设备上的显示效果可能都是不同的. 如相同px, 低分辨率下的更大.
最后把字体(fontFamily)和字体颜色(textColor)修改完, 就可以预览到手机啦
Run the "app"
按shift+f10 或者点击绿色的三角形运行按钮, 选择设备(推荐用真实设备, 启用开发者选项, 启用USB调试, 连接电脑, 首次连接需要授权, 点击授权即可), 然后确定, 之后会在手机安装这个软件, 大功告成!
