2017Google Study Jams之L1Android Studio的安装与生日贺卡的实现

此次活动的举办方:Google Study Jams活动官网

我的博客(同步此次活动笔记):CSDN博客我的简书
Google Developers

通过前面对View和ViewGroup的认识,相信你对基本的控件(TextView, ImageView, Button等)和简单的布局(LinearLayout,RelativeLayout)有了一定了解,此时此刻你一定也想自己动手敲一下,敲出自己的第一行代码,运行出自己的第一个程序。

本笔记主要记录和介绍Android开发环境的搭建和运行出第一行代码以及生日贺卡的实现。

一、环境的搭建

1、JDK的安装

A、安装JDK
  • 仍然推荐这个非常好的镜像网站

  • 打开上面的网站之后选择JDK ,然后选择一个版本进行下载,建议使用1.8版本

选择JDK的版本

  • 然后同意并对应着电脑的系统选择下载即可,下载之后是个.exe文件

同意并下载JDK

  • 下载之后,打开.exe文件就是安装JDK了,点击下一步

安装JDK

  • 选择安装项和安装位置,一般都为默认,点击下一步

安装JDK

  • 目标文件夹,可以更改安装目录,点击下一步

安装JDK

  • 这时候JDK就安装好了,点击关闭即可

安装JDK

B、JDK环境变量的配置
  • 右击我的电脑(计算机),点击属性,然后点击左侧高级系统设置

配置JDK环境变量

  • 点击下方环境变量进行配置

配置环境变量2.png

  • 双击系统变量中Path这一项

配置环境变量

  • 点击右侧新建按钮,然后在下方填写jdk的bin路径,点击确定

配置环境变量

  • 然后配置JAVA_HOME变量,点击下方新建按钮

环境变量的配置

  • 变量名固定为JAVA_HOME,变量值为jdk的路径

配置环境变量

  • 填写完之后依次确定即配置完成

  • 配置之后需要验证环境变量是否添加成功,点击电脑运行(Win + R),输入cmd,点击确定,然后输入命令:java -version(查看jdk的版本)或者javac(java的命令帮助),如果能够显示结果即为配置成功。如未正常显示则检查环境变量是否配置正确。

验证环境换量

2、Android Studio的安装

首先我们需要下载Android Studio安装包,这里推荐两种方式下载

由于我的电脑已经装有Android Studio了,所以就不重复安装了,这里推荐两个网上的安装教程,教程1教程2

安装成功之后就是这样:

安装完成

二、开始Android的第一行代码以及制作生日贺卡

在上面介绍了环境的安装之后,开始使用Android Studio创建第一个项目。

  • 点击Start a new Android Studio project创建项目

开始创建项目

  • 填写项目名称、包名,选择项目在本地磁盘的位置(包名通常写为com.xxxx,及公司域名倒着写)

填写项目名称,选择创建目录

  • 选择sdk的兼容版本,这个一般默认即可,目前市场上4.0.3以上的手机占97.4%以上,所以我们最小兼容到4.0.3的版本即可,点击Next

设置SDK版本

  • 这一步的话,Studio给我们提供了好多种模板,这里我们只需要选择EmptyActivity,也就是空白的页面即可,点击Next

选择Activity的模板

  • 为我们的主页面命名,一般默认为MainActivity,点击Next

为主页面命名

  • 这样项目就创建好啦,这时候可以运行一下看看效果了

创建项目成功

运行结果

好了,项目建好并运行了在手机上的第一个应用程序,接下来该制作一个生日贺卡了。结合之前学习的View和ViewGroup进行实操。

由于这次的生日贺卡知识针对之前学习的内容进行回顾,所以Activity中没有什么逻辑体现,只是通过控件和布局的配合实现简单的生日贺卡页面。所以直接呈上布局的代码:


<?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:id="@+id/activity_main"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#1F1A17"
    android:padding="@dimen/activity_horizontal_margin"
    tools:context="com.shawpoo.app.MainActivity">
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="To:Study Jams"
        android:textColor="@android:color/white"
        android:typeface="serif"
        android:textSize="35sp"/>
    <ImageView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true"
        android:src="@mipmap/img_happy_birthday"/>
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout_alignParentRight="true"
        android:text="From:Mr.W"
        android:typeface="serif"
        android:textColor="@android:color/white"
        android:textSize="35sp"/>
</RelativeLayout>

我采用的根布局是相对布局,所以只需要对内部的View进行一个位置的控制即可,所以”To:Study Jams“放在左上角,由于相对布局默认出现的控件就在左上角,所以关于位置不需要任何属性,贺卡的图片是通过“android:layout_centerInParent”属性放在布局的中间,”From:Mr.W“是放在布局的最后边和最下边,对应的布局是“android:layout_alignParentRight”和“android:layout_alignParentBottom”,这样一个简单的贺卡页面就实现了。

最后来看一下效果图:

生日贺卡效果图

  • 1
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值