谷动谷力

 找回密码
 立即注册
查看: 2202|回复: 0
收起左侧

菜鸟教程:手把手教学写一个安卓APP

[复制链接]
发表于 2022-7-11 22:28:27 | 显示全部楼层 |阅读模式
菜鸟教程:手把手教学写一个安卓APP$ m" U: g4 Z, c( g& m
摘要:今天将给大家介绍一种快速入门的方法来制作一款APP,就算你是零基础小白,没有学过java语言也没关系。相信看完这篇文章,半天时间也能做出一个安卓APP。( s0 S4 Q$ r) E5 A" o
本文针对初学者,大佬勿喷 640?wx_fmt=png.jpg 1. 创建HelloWorld项目

这里我就不介绍如何安装这个Android Studio软件了,网上有很多教程或者去B站找对应的安装视频就可以了。安装好软件之后就开始按照下面的步骤新建工程了。

选择一个空应用: 640?wx_fmt=png.jpg

按照图片的配置方法,设置好工程名和路径。

640?wx_fmt=png.jpg 2. 修改阿里云镜像源

这一步一定要需要,不然的话你需要编译很久,因为在sync的过程中要下载的很多资源是在外网的,这里使用阿里云镜像源就会很快。修改后只对本项目有效:

640?wx_fmt=png.jpg

第一处代码:

maven { url 'http://maven.aliyun.com/nexus/content/groups/public/' }
" {3 I- l8 t+ `9 T' }maven { url 'http://maven.aliyun.com/nexus/content/repositories/jcenter' }
* t- X7 q: ~% [  Fmaven { url 'http://maven.aliyun.com/nexus/content/repositories/google' }" W1 J6 b* U# v% d2 k/ X( {1 h
maven { url 'http://maven.aliyun.com/nexus/content/repositories/gradle-plugin' }6 l8 _+ b3 ^. J1 x. P) K

第二处代码:

maven { url 'http://maven.aliyun.com/nexus/content/groups/public/' }0 A% g! Y7 [4 R7 T) j
maven { url 'http://maven.aliyun.com/nexus/content/repositories/jcenter' }
" P; B" [% p4 I  amaven { url 'http://maven.aliyun.com/nexus/content/repositories/google' }
" v3 Q6 ~% u" O1 @$ Emaven { url 'http://maven.aliyun.com/nexus/content/repositories/gradle-plugin' }( ?& ?2 x) a, i/ R( ]/ f1 Q+ V
640?wx_fmt=png.jpg

这样编译起来就会快很多,建议这样修改,不然很可能下载失败导致编译不成功!

640?wx_fmt=png.jpg 3. 真机调试

我们可以编译完成后打包成apk文件发送到你的手机进行安装运行,但我建议还是手机连上数据线在线调试比较好,省去很多时间也非常方便。手机连接电脑后打开USB调试,这里以华为荣耀V10手机作为参考。

  • 选择USB连接方式是MIDI(将设备用做MIDI输入设备)
  • 在设置的“系统和更新”—>开发人员选项—>打开USB调试9 ^* z& N! l% x7 A4 r
640?wx_fmt=jpeg.jpg 设备作为MIDI设备 640?wx_fmt=jpeg.jpg 开启USB调试
640?wx_fmt=png.jpg

然后点击这个三角形,就可以看到手机上的APP显示了。

640?wx_fmt=png.jpg
640?wx_fmt=jpeg.jpg 640?wx_fmt=jpeg.jpg

运行结果和上图一样,到这里我们已经完成了一个APP的制作。怎么样?是不是很简单啊!

接下来介绍一下代码目录,方便大家能够快速的掌握和了解项目所生成文件功能和用途。

4. Android代码目录

这里有两种文件架构,所打开的也是两种不同的目录文件。

640?wx_fmt=png.jpg 640?wx_fmt=png.jpg

5. Android应用程序大致启动流程5.1 APP配置文件 640?wx_fmt=png.jpg 5.2 活动文件(Java) 640?wx_fmt=png.jpg 5.3 布局文件(XML)

Android设计讲究前后端分离设计,上面的java文件是后端,引入了activity_main这个前端界面布局文件,如果想再设计一个界面就在layout文件夹下再新建一个.xml文件就可以了。

640?wx_fmt=png.jpg 5.4 res资源目录(统一管理) 640?wx_fmt=png.jpg 5.4.1 colors.xml 640?wx_fmt=png.jpg

三个颜色有点少,我们可以在加一些颜色到这里面来。

<color name="white">#FFFFFF</color> <!--白色 -->- V% L: E  I4 A' M) e( U
<color name="ivory">#FFFFF0</color> <!--象牙色 -->! D# I6 D9 h$ ?! d  |
<color name="lightyellow">#FFFFE0</color> <!--亮黄色 -->
' Q7 d: b4 c: S6 m" R<color name="yellow">#FFFF00</color> <!--黄色 -->
1 F9 m# o  d2 y; z( C  _<color name="snow">#FFFAFA</color> <!--雪白色 -->
# P% y  Z2 q% [+ l! j<color name="floralwhite">#FFFAF0</color> <!--花白色 -->
2 }8 U; ?& p/ X9 F<color name="lemonchiffon">#FFFACD</color> <!--柠檬绸色 -->
4 P/ C* W( }5 G, g<color name="cornsilk">#FFF8DC</color> <!--米绸色 -->* z. z5 @  v. `8 {( `% L
5.4.2 strings.xml 640?wx_fmt=png.jpg 5.4.3 styles.xml 640?wx_fmt=png.jpg 6. 主界面布置6.1 线性布局(LinearLayout)

线性布局的形式可以分为两种,第一种横向线性布局,第二种纵向线性布局,总而言之都是以线性的形式一个个排列出来的,纯线性布局的缺点是很不方便修改控件的显示位置,所以开发中经常会以线性布局与相对布局嵌套的形式设置布局。

6.2 相对布局(RelativeLayout)

相对布局是android布局中最为强大的,首先它可以设置的属性是最多了,其次它可以做的事情也是最多的。android手机屏幕的分辨率五花八门,为了考虑屏幕自适应的情况,在开发中建议大家都去使用相对布局,它的坐标取值范围都是相对的,所以使用它来做自适应屏幕是正确的。

6.3 帧布局(FrameLayout)

帧布局原理是在控件中绘制任何一个控件都可以被后绘制的控件覆盖,最后绘制的控件会盖住之前的控件。界面中先绘制的ImageView 然后再绘制的TextView和EditView,后者就会覆盖在前者上面。

6.4 绝对布局(AbsoluteLayout)

使用绝对布局可以设置任意控件在屏幕中XY坐标点,和帧布局一样绘制的控件会覆盖住之前绘制的控件,不建议大家使用绝对布局。android的手机分辨率五花八门,使用绝对布局的话在其它分辨率的手机上就无法正常的显示了。

6.5 表格布局(TableLayout)

在表格布局中可以设置TableRow,可以设置表格中每一行显示的内容以及位置 ,可以设置显示的缩进,对齐的方式。

在实际应用中线行布局和相对布局是最常用的,一般自己写的APP布局都相对比较简单,所以这里我们使用线性布局。打开APP配置文件中的activity_main.xml,就可以在这里面愉快的编程了。如果你之前没有玩过Android Studio也没有关系,左边修改右边预览多试试几次就大概明白了。

640?wx_fmt=png.jpg

在这里我们可以修改点击图片所跳转的网址,大家打开源码就知道如何修改了,这里就不再赘述。

640?wx_fmt=png.jpg

在activity_main.xml文件中我们可以修改界面的布局。

640?wx_fmt=png.jpg

到这里基本上一个简单的安卓应用就完成了。只要你安装了Android Studio软件并且拿到我的源码就可以愉快的玩耍了。什么?你拿到我的代码却不能正常编译通过?下面就教大家如何把别人的源码拿到自己的软件中编译通过!

7. 代码移植

以下是需要修改文件的地方,具体修改成啥样,你可以参考一个你可以打的开的工程的配置,参考对应的文件即可。 640?wx_fmt=png.jpg

7.1 修改build.gradle文件 640?wx_fmt=png.jpg 7.2 修改app/build.gradle文件

修改版本号

640?wx_fmt=png.jpg 7.3 修改gradle/wrapper/gradle-wrapper.properties

这个地方修改成你可以打开的工程的.zip包

640?wx_fmt=png.jpg 7.4 修改local.properties

这个地方是你的软件安装路径所在的位置,要修改成你自己的安装路径。

640?wx_fmt=png.jpg $ G5 N  _7 j: l( G" d3 P! o5 c

& x8 O2 \/ E; I2 u' D4 [9 `% H3 _
( t. p5 W7 N0 d$ B3 G8 {, D3 ?( k2 w( x
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|深圳市光明谷科技有限公司|光明谷商城|Sunshine Silicon Corpporation ( 粤ICP备14060730号|Sitemap

GMT+8, 2024-3-28 16:44 , Processed in 0.101011 second(s), 35 queries .

Powered by Discuz! X3.2 Licensed

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表