创新实训博客(3)——App端开发环境搭建与程序运行

本文介绍了Android App开发环境的搭建,包括使用Android Studio 4.0,搭配Kotlin插件和Gradle,JRE版本1.8,以及Android SDK编译版本29。开发技术涉及Kotlin作为主要逻辑语言,XML用于界面,Okhttp和Fastjson作为框架。文章还展示了基本的xml和kotlin代码编写,并解释了如何添加依赖包。最后,讲解了如何编译APK并进行测试运行。

开发环境

开发工具:Android Studio 4.0 + gradle + Kotlin插件等必要的工具。

JRE版本:JetBrains的基于OpenJDK的jre 1.8。

Android SDK编译版本:29,是目前最新的Android 10的SDK。

targetSdkVersion:27,因为在Android 9.0后谷歌强制要求必须是https请求,因为在测试过程中仍然是使用http请求,所以这里设置为27。

运行环境:一台Android 10的手机。

开发技术

语言选择:界面是xml,具体的逻辑以kotlin为主,在必要的时候仍然会选择java。

http请求的选择:okhttp框架

json解析的选择:fastjson框架

基本尝试

xml代码编写:直接按照代码规范进行编写,比如这样就可以添加一个图形按钮并且添加点击事件

        <ImageButton
            android:id="@+id/login_button"
            style="@android:style/Widget.Material.Light.Button.Borderless"
            android:layout_width="80dp"
            android:layout_height="80dp"
            android:layout_gravity="center_horizontal"
            android:layout_marginTop="24dp"
            android:layout_marginBottom="32dp"
            app:srcCompat="@drawable/ic_login_button" />

kotlin代码编写:比如我要在activity中顶栏加上返回按钮

在AppCompat函数中

        val actionBar = supportActionBar
        if (actionBar != null) {
            actionBar.setHomeButtonEnabled(true)
            actionBar.setDisplayHomeAsUpEnabled(true)
        }

添加一个点击监听函数

    override fun onOptionsItemSelected(item: MenuItem): Boolean {
        if (item.getItemId() == android.R.id.home) {
            this.finish()
            return true
        }
        return super.onOptionsItemSelected(item)
    }

添加依赖包:在build.gradle中的dependencies中添加相应的包,然后进行sync就可以添加依赖包

dependencies {
    implementation fileTree(dir: "libs", include: ["*.jar"])
    implementation "org.jetbrains.kotlin:kotlin-stdlib:$kotlin_version"
}

测试运行

在顶部菜单找到Build -> Build Bundle/Apk -> Build Apk,就可以编译出app-debug.apk

运行效果:

源码直接下载地址: https://pan.quark.cn/s/d280357b18e5 在网页构建领域中,HTML5被视为当代网页工程的基础规范,其问世显著增强了页面的视觉表现力用户互动性。本工程致力于运用HTML5技术开发一个电视剧信息展示页面,目的是呈现诸如剧名、演员构成、故事梗概等电视剧关键资料。接下来将深入阐释如何借助HTML5的结构化组件和样式管理功能达成此项目目标。 我们必须掌握HTML5的核心框架。一个规范的HTML5文档一般包含`<!DOCTYPE html>`声明、`<html>`根标记、`<head>`头部标记和`<body>`主体标记。在头部区域,可以配置网页的基本元数据,例如字符集设定、页面标题等。在主体部分,将具体构建电视剧信息列表的内容。 电视剧展示页面通常包含多个条目,每个条目对应一部电视剧。HTML5中的`<section>`标记用于内容模块化,适合表示单个电视剧的详细信息区域。每个`<section>`内部,可使用`<h2>`标题标记显示剧名,`<img>`图像标记插入宣传剧照,`<p>`段落标记呈现剧情介绍,而`<ul>`无序列表`<li>`列表项标记则用于罗列演员阵容。 为了优化页面布局,需要借助CSS(层叠样式表)进行样式管理。HTML5引入了创新的CSS选择器布局模型,例如Flexbox和Grid,使页面布局更加灵活多变。在此场景下,可以利用Flexbox为电视剧信息列表实现自适应布局,保障在不同设备尺寸下均能呈现理想视觉效果。具体操作时,可将`<section>`标记设定为Flex容器,通过`display: flex;`属性,并运用`justify-content`和`align-items`属性调整子元素的对...
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值