Android笔记——My First App

新开一个安卓坑, 此坑的内容来自在Google中国开发者面向Android初学者的论坛http://www.studyjamscn.com

准备工作

Windows10
Java Development Kit8
Android Studio2.3.3
Gradle4.1(后面会讲到, 可以先不下载)

建立工程

• Step1

建立工程的第一步这里之所以使用Company domain的逆序作为包名, 是因为域名的唯一性, 这个唯一性是我们之后发布应用到应用商店的身份证明. 有的小伙伴可能会想, 我没有域名怎么办? 不用担心, 我们还可以用通过博客地址,微博地址这些来曲线救国, 现在支持个性域名的网站已经不少.

Company domain

• Step2

选择SDK的时候, 如图中所示, 百分数是指目前在Google Play中此版本到最新版本的手机覆盖率之和, 为了应用能有更好的覆盖面, 我们应该在保证大部分新API能用的情况下, 提高覆盖率. 而不是一味的求覆盖率. 有些功能如Google Pay等不在2.X的Android版本中提供, 这意味着你的应用不能使用相关的api

SDK选择

点击Help Me Choose可以看到各个版本Api的详情, 可以根据你要完成的应用所需功能与详情对照来确定使用哪一个

Ratio

• Step3

接下来按Next保持默认直到最后一步Finish, 之后会进行初始化, 由于墙的原因, 这里正常是初始失败的, 进度条转了半天都在
Building gradle project info
之后会报错
Gradle下载地址 https://gradle.org/releases/
注意,下载的时候使用浏览器的默认下载工具很可能又会失败, 因为文件所在的服务器不在中国.
建议用迅雷, 轻松满速下载

使用迅雷下载Gradle

下载完毕后建议在C盘中解压到一个文件夹如C:/Gradle
之后右键计算机>属性>系统高级设置>环境变量>选择系统变量中的Path,编辑,新建, C:\Gradle\gradle-4.1\bin, 之后可以在Power shell中检验安装情况, 输入 gradle -v

安装成功

回到Android Studio, file->settings->如图所示, 选择use local gradle, 选择安装地址, 应用即可

image.png

开始编程

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中的图层有点相似.

下图是我们要完成的目标, 标题栏已经由系统生成, 无需修改

• Select the Views

先把各个组件拆分出来
将鼠标移动到预览界面上, 可以看到一共需要三个控件

组件

包括两个TextView, 一个imageView
imageView自动生成的属性中不包括src(图片路径), 需要自己添加,建议与默认设置一样放在res(resource缩写)目录下的drawable文件夹
android:src="@drawable/xxx(文件名, 不需要后缀)"

• Postion the Views

根据上面的图, 我们需要将两个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调试, 连接电脑, 首次连接需要授权, 点击授权即可), 然后确定, 之后会在手机安装这个软件, 大功告成!