Android Studio学习01:第一个安卓应用

简介:jdk安装;Android Studio安装;Android Studio创建第一个项目;安卓开发入门;学习使用Textview、Imageview、LinearLayout。
源码
说明:Android-lab01.7z 第一个安卓应用

一、实验目标

1、模仿微信“发现”页创建列表布局,学习使用Textview、Imageview、LinearLayout

二、实验步骤

准备工作

0.搭建开发环境:

0.1安装jdk

https://www.oracle.com/java/technologies/downloads/

1)创建一个英文名称的文件夹(不要用中文),将下载好的 jdk 保存至该目录下

2)进入java SE的安装页面

3)点击下一步之后,默认会安装到的 C:\Program Files\Java\jdk ****\ (这个路径一定要记住,后续要用),

你也可以选择想要安装的文件夹(此处选择默认路径),之后再点击下一步

4)jre 的下载,可以直接下一步

5)安装完成。然后,就可以在你选择的文件下看到下载好的 jdk 和 jre ,我们使用的是默认安装地址,所以在 C:\Program Files\Java\jdk ****\ 能够看到这两个文件

0.2配置环境变量

1)鼠标右键 我的电脑(此电脑) - 属性 - 高级系统设置 再选择 环境变量

在这里插入图片描述

2)点击 环境变量 后,如图所示,点击 新建

在这里插入图片描述

3)添加配置:

变量名:Java_Home

变量值:jdk 的安装目录 ,可以点击浏览目录选择(这个就是刚才的安装路径)

在这里插入图片描述

新建好了,点击 确定 保存

4)同时还需要添加 Path 的 配置,选择 Path ,点击 编辑 ,可能会看到两种情况

在这里插入图片描述

情况一:

新建 两个环境变量

变量1:%Java_Home%\bin

变量2:%Java_Home%\jre\bin

在这里插入图片描述

情况二:

将以下配置复制粘贴放在最前面,再 确定 保存

配置:

%Java_Home%\bin;%Java_Home%\jre\bin;

在这里插入图片描述

添加配置:

变量名:CLASSPATH

变量值:

.;%JAVA_HOME%\lib\dt.jar;%JAVA_HOME%\lib\tools.jar;

在这里插入图片描述

点击确定,保存,java 在 windows 环境下的环境配置就完成了,想要确认是否安装成功,键盘”win+R“,输入cmd回车,在命令行窗口输入

java --version

若出现版本号信息则安装成功

0.3安装开发工具Android Studio

0.3.1安装开发工具

https://developer.android.google.cn/studio#downloads

下载后打开,会提示,Cancel无视即可,设置自定义的地方先使用默认的即可 直接Next下一步

在这里插入图片描述

这里是一些关于SDK的协议,选择Accept接受协议,然后点击Finish

在这里插入图片描述

导入自己的设置地方,可以先进行跳过,后期可以自己进行设置

在这里插入图片描述

后面选择主题、开发工具确认一直next即可,等待安装完成

0.3.2创建项目

安装完成后可以直接创建项目

在这里插入图片描述

选择Empty Activity,点击下一步

在这里插入图片描述

配置项目属性,配置完成后,点击Finish,首次运行会导入一些包,等待下载即可。

在这里插入图片描述

0.3.3配置app入口页面

切换Android视图,找到如图所示文件,MainActivity为程序入口

在这里插入图片描述

查看MainActivity

package com.example.test;

import androidx.appcompat.app.AppCompatActivity;

import android.os.Bundle;

public class MainActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
    }
}

其中

setContentView(R.layout.activity_main);

中的R.layout.activity_main即为初始页面文件

activity_main文件在如图所示目录

在这里插入图片描述

删除该文件activity_main.xml,右键点击layout,新建 => XML =>Layout XML File

在这里插入图片描述

设置文件名mine

在这里插入图片描述

点击完成/Finish

最后修改MainActivity的R.layout.activity_main为R.layout.mine即可

1、页面布局

1.1 页面内容

页面上主要包含5组列表,每组列表包含1-2个列表项。

具体内容解释如下:

• 列表组1:“朋友圈”单行列表项;

• 列表组2:“扫一扫”和“摇一摇”两行列表项;

• 列表组3:“看一看”和“搜一搜”两行列表项;

• 列表组4:“购物”和“游戏”两行列表项;

• 列表组5:“小程序”单行列表项。

在这里插入图片描述

1.2建立页面模型

1.首先设计一个外部总垂直布局,包含所有的列表组

2.写五个LinearLayout来构建这五个列表组

3.每个列表组的单独构建

4.列表组之间的间隔样式搭建

在这里插入图片描述

1.3实现模型

1.3.1父布局

创建父布局,使用LinearLayout线性布局,设置父布局的宽高、背景色和父布局的垂直方向,因为子组件为竖直排列,所以垂直方向为竖直"vertical"

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:background="#e5e5e5"
    android:layout_height="match_parent"
    android:orientation="vertical"
    >
    

</LinearLayout>

1.3.2构建朋友圈子组件

准备工作:子组件需要使用图标,将图标拖入mipmap-xxhdpi

打开项目,选择项目

在这里插入图片描述

找到路径app/src/main/res下的mipmap-xxhdpi,将图片素材拖入该文件夹

在这里插入图片描述

然后选择项目,进入Android,即可在/res/mipmap目录下看到我们拖入的图片

在这里插入图片描述

使用图片""@mipmap/tupian"即可

1.创建子组件,设置子组件的宽高、背景色和垂直方向,因为子组件内部为横向排列,所以垂直方向为横向"horizontal"

<LinearLayout
        android:layout_width="match_parent"
        android:layout_height="60dp"
        android:background="#fff"
        android:orientation="horizontal"
        android:layout_marginBottom="20dp">
    </LinearLayout>

2.子组件内部设置

1)组件创建列表组里的第一个图标:设置宽高,设置背景色,设置与左边的距离(layout_marginLeft),设置居中(layout_gravity)

<ImageView
            android:layout_width="40dp"
            android:layout_height="40dp"
            android:layout_marginLeft="15dp"
            android:layout_gravity="center_vertical"
            android:background="@mipmap/pengyou">
        </ImageView>        

2)组件创建列表组中的汉字:设置汉字、设置宽高、设置字体颜色、设置字体样式、设置字体大小、设置与左侧的距离、设置字体居中

<TextView
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:text="朋友圈"
            android:layout_weight="1"
            android:gravity="center_vertical"
            android:textSize="18dp"
            android:textColor="#333"
            android:textStyle="bold"
            android:layout_marginLeft="10dp"/>        

3)组件创建列表组右边的箭头:设置宽和高、设置背景、设置水平居中、设置与右边的距离

<ImageView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:background="@mipmap/right"
            android:layout_gravity="center_vertical"
            android:layout_marginRight="15dp"/>

”朋友圈“子组件完整代码

<LinearLayout
        android:layout_width="match_parent"
        android:layout_height="60dp"
        android:background="#fff"
        android:orientation="horizontal"
        android:layout_marginBottom="20dp">

        <ImageView
            android:layout_width="40dp"
            android:layout_height="40dp"
            android:layout_marginLeft="15dp"
            android:layout_gravity="center_vertical"
            android:background="@mipmap/pengyou">
        </ImageView>

        <TextView
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:text="朋友圈"
            android:layout_weight="1"
            android:gravity="center_vertical"
            android:textSize="18dp"
            android:textColor="#333"
            android:textStyle="bold"
            android:layout_marginLeft="10dp"/>
        <ImageView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:background="@mipmap/right"
            android:layout_gravity="center_vertical"
            android:layout_marginRight="15dp"/>
    </LinearLayout>

1.3.3构建剩余组件

剩余组件有两种构造方式

第一种:每个功能单独一个构造一个组件

第二种:相邻功能放到一个父组件中

采用第一种方式:剩余组件与”朋友圈“组件结构基本一致,修改汉字,图标即可

不相邻组件间的空隙可以用

 android:layout_marginBottom="20dp"//20dp距离

实现,注意,相邻组件间有一道白线显示相邻组件,同样可以使用这个属性来实现,只是参数可以设置小一些如”3dp“。实现图示布局,其他布局仿照实现即可。

在这里插入图片描述

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="60dp"
        android:background="#fff"
        android:orientation="horizontal"
        android:layout_marginBottom="20dp">
		//朋友圈内部组件
    </LinearLayout>

    <LinearLayout
        android:layout_marginBottom="3dp"
        android:layout_width="match_parent"
        android:layout_height="60dp"
        android:background="#fff"
        android:orientation="horizontal">
		//扫一扫内部组件
    </LinearLayout>
    <LinearLayout
        android:layout_marginBottom="20dp"
        android:layout_width="match_parent"
        android:layout_height="60dp"
        android:background="#fff"
        android:orientation="horizontal">
		//摇一摇内部组件
    </LinearLayout>

代码结构

在这里插入图片描述

三、程序运行结果

1、程序运行结果

在这里插入图片描述

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐


学习编程是顺着互联网的发展潮流,是一件好事。新手如何学习编程?其实不难,不过在学习编程之前你得先了解你的目的是什么?这个很重要,因为目的决定你的发展方向、决定你的发展速度。
IT行业是什么工作做什么?IT行业的工作有:产品策划类、页面设计类、前端与移动、开发与测试、营销推广类、数据运营类、运营维护类、游戏相关类等,根据不同的分类下面有细分了不同的岗位。
女生学Java好就业吗?女生适合学Java编程吗?目前有不少女生学习Java开发,但要结合自身的情况,先了解自己适不适合去学习Java,不要盲目的选择不适合自己的Java培训班进行学习。只要肯下功夫钻研,多看、多想、多练
Can’t connect to local MySQL server through socket \'/var/lib/mysql/mysql.sock问题 1.进入mysql路径
oracle基本命令 一、登录操作 1.管理员登录 # 管理员登录 sqlplus / as sysdba 2.普通用户登录
一、背景 因为项目中需要通北京网络,所以需要连vpn,但是服务器有时候会断掉,所以写个shell脚本每五分钟去判断是否连接,于是就有下面的shell脚本。
BETWEEN 操作符选取介于两个值之间的数据范围内的值。这些值可以是数值、文本或者日期。
假如你已经使用过苹果开发者中心上架app,你肯定知道在苹果开发者中心的web界面,无法直接提交ipa文件,而是需要使用第三方工具,将ipa文件上传到构建版本,开...
下面的 SQL 语句指定了两个别名,一个是 name 列的别名,一个是 country 列的别名。**提示:**如果列名称包含空格,要求使用双引号或方括号:
在使用H5混合开发的app打包后,需要将ipa文件上传到appstore进行发布,就需要去苹果开发者中心进行发布。​
+----+--------------+---------------------------+-------+---------+
数组的声明并不是声明一个个单独的变量,比如 number0、number1、...、number99,而是声明一个数组变量,比如 numbers,然后使用 nu...
第一步:到appuploader官网下载辅助工具和iCloud驱动,使用前面创建的AppID登录。
如需删除表中的列,请使用下面的语法(请注意,某些数据库系统不允许这种在数据库表中删除列的方式):
前不久在制作win11pe,制作了一版,1.26GB,太大了,不满意,想再裁剪下,发现这次dism mount正常,commit或discard巨慢,以前都很快...
赛门铁克各个版本概览:https://knowledge.broadcom.com/external/article?legacyId=tech163829
实测Python 3.6.6用pip 21.3.1,再高就报错了,Python 3.10.7用pip 22.3.1是可以的
Broadcom Corporation (博通公司,股票代号AVGO)是全球领先的有线和无线通信半导体公司。其产品实现向家庭、 办公室和移动环境以及在这些环境...
发现个问题,server2016上安装了c4d这些版本,低版本的正常显示窗格,但红色圈出的高版本c4d打开后不显示窗格,
TAT:https://cloud.tencent.com/document/product/1340