您的当前位置:首页Android笔记——My First App

Android笔记——My First App

2024-12-14 来源:哗拓教育

准备工作

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
使用迅雷下载Gradle
下载完毕后建议在C盘中解压到一个文件夹如C:/Gradle
之后右键计算机>属性>系统高级设置>环境变量>选择系统变量中的Path,编辑,新建, C:\Gradle\gradle-4.1\bin, 之后可以在Power shell中检验安装情况, 输入gradle -v
安装成功
回到Android Studio, file->settings->如图所示, 选择use local gradle, 选择安装地址, 应用即可
image.png

开始编程

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
    
    
    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是控件边缘到内容间的空白, 不填充颜色的情况下, 在本例中的效果相同, 同时使用marginpadding会有叠加效果.
针对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调试, 连接电脑, 首次连接需要授权, 点击授权即可), 然后确定, 之后会在手机安装这个软件, 大功告成!

Done!
显示全文