OUC软件开发实验5

最新推荐文章于 2024-09-02 17:34:07 发布
最新推荐文章于 2024-09-02 17:34:07 发布
阅读量596 收藏
点赞数
分类专栏： 软件开发实验 文章标签： 前端 java html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yujun1_11/article/details/126450346
版权

实验5：第一个Android应用小程序

一、实验目标

1、Textview imageview使用；2、LinearLayout使用

二、实验步骤

基础知识

TextView

match_parent: 自适应满屏
wrap_content: 自适应大小

layout_width:宽

layout_height:高

text: 所展现的字

textSize: 字体大小

textColor:字体颜色
textStyle:字体样式 (italic:倾斜,bold:加粗,)

gravity:在控件内部的位置(通用)

layout_margin:与其他控件的距离 (通用)

padding:内部间隔距离

ImageView

图像view和文字一样，都要先赋予宽高

layout_width:宽

layout_height:高

background:背景

src:加载图片,不会拉伸

父布局

LinearLayout(线性布局)

RelativeLayout(相对布局)

AbsoluteLayout(绝对布局)

TableLayout(表格布局)

FrameLayout(框架布局)

LinearLayout

布局特点：放主要提供控件水平或者垂直排列的模型，每个子组件

layout_width:宽

layout_height:高

orientation:垂直方向

(vertical:纵向,horizontal横向)

逻辑梳理

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

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

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

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

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

代码实现

1.首先我们创建他们的父布局

2.对父布局进行设置背景色

3.设置父布局的垂直方向

<LinearLayout xmlns:android=""
	android:layout_width="match_parent"
	android:background="#e5e5e5"
	android:layout_height="match_parent:>
</LinearLayout>

1.构建第一个列表组

2.设置宽高

3.设置背景色

4.设置垂直方向

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

1.创建列表组里的第一个图标

2.设置宽高

3.设置背景色

4.设置与左边的距离

5.设置居中

<LinearLayout xmlns:android=""
	android:layout_width="match_parent"
	android:background="#e5e5e5"
	android:layout_height="match_parent:>
	<LinearLayout
		android:background="#fff"
		android:orientation="horizontal"
		android:layout_width="match_parent"
		android:layout_height="60dp">
		
		<ImageView
			android:layout_marginLeft="15dp"
			android:layout_gravity="center_vertical"
			android:background="@mipmap/icon_pengyou"
			android:layout_width="40dp"
			android:layout_height="40dp"
	</LinearLayout>
</LinearLayout>

1.创建列表组中的汉字

2.设置汉字

3.设置宽高

4.设置字体颜色

5.设置字体样式

6.设置字体大小

7.设置与左侧的距离

8.设置字体居中

<LinearLayout xmlns:android=""
	android:layout_width="match_parent"
	android:background="#e5e5e5"
	android:layout_height="match_parent:>
	<LinearLayout
		android:background="#fff"
		android:orientation="horizontal"
		android:layout_width="match_parent"
		android:layout_height="60dp">
		
		<ImageView
			android:layout_marginLeft="15dp"
			android:layout_gravity="center_vertical"
			android:background="@mipmap/icon_pengyou"
			android:layout_width="40dp"
			android:layout_height="40dp"

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

添加箭头

部分代码

<?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
        android:background="#fff"
        android:orientation="horizontal"
        android:layout_width="match_parent"
        android:layout_height="60dp">

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

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

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


    </LinearLayout>

    <!--扫一扫-->
    <LinearLayout
        android:background="#fff"
        android:orientation="horizontal"
        android:layout_width="match_parent"
        android:layout_height="60dp"
        android:layout_marginTop="30dp">

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

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

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



    <!--摇一摇-->
    <LinearLayout
        android:background="#fff"
        android:orientation="horizontal"
        android:layout_width="match_parent"
        android:layout_marginTop="5dp"
        android:layout_height="60dp">

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

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

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


    <!--看一看-->
    <LinearLayout
        android:background="#fff"
        android:orientation="horizontal"
        android:layout_width="match_parent"
        android:layout_height="60dp"
        android:layout_marginTop="30dp">

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

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

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


    <!--搜一搜-->
    <LinearLayout
        android:background="#fff"
        android:orientation="horizontal"
        android:layout_width="match_parent"
        android:layout_height="60dp"
        android:layout_marginTop="5dp">

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

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

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



    <!--购物-->
    <LinearLayout
        android:background="#fff"
        android:orientation="horizontal"
        android:layout_width="match_parent"
        android:layout_height="60dp"
        android:layout_marginTop="30dp">

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

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

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


    <!--游戏-->
    <LinearLayout
        android:background="#fff"
        android:orientation="horizontal"
        android:layout_width="match_parent"
        android:layout_height="60dp"
        android:layout_marginTop="5dp">

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

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

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

    <!--小程序-->
    <LinearLayout
        android:background="#fff"
        android:orientation="horizontal"
        android:layout_width="match_parent"
        android:layout_height="60dp"
        android:layout_marginTop="30dp">

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

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

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

    </LinearLayout>


</LinearLayout>

三、程序运行结果

四、问题总结与体会

具体实操起来并不麻烦，问题主要在java环境构建和Android studio安装。

安装资源下载如下：

java se环境下载

Android Studio下载

安装步骤如下：

1、电脑安装jdk

在上述网站下载后，进行安装得到两个文件夹（这里是新建的，默认是带版本号）

2、配置JAVA环境

添加环境变量，添加完后，可以用使用java,javac,java -version来检查

（用java做事例）

3、安装Androidstudio（含SDK）

安装完，新建空白项目，如图所示

雨君老师
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
前端的面试题
本人小可爱
08-30 543
【代码】前端的面试题。
关于前端服务器字体的引用
qq_69304031的博客
09-02 240
服务器字体是一种强大的工具，可以帮助我们实现全场景字体风格的统一。通过定义服务器字体，我们可以确保网页在不同的设备和浏览器上都能呈现出一致的字体效果，提升用户体验和品牌形象。在使用服务器字体时，需要注意字体文件的版权问题，并确保字体文件的加载速度不会影响网页的性能。希望这篇博客对你在网页设计中使用服务器字体有所帮助。如果你有任何问题或建议，欢迎在评论区留言。
vue3+vite 通过js引入的src，在打包后为什么不能显示
肖肖肖丽珠的博客
09-02 101
页面有个图片我是动态设置的。但是打包之后一直没有找到。我本来使用的绝对定位发现不行，改成了相对的也不行，最后改成下面的这种就可以啦。
跨页面进行数据通讯
最新发布
榴莲不好吃的专栏
09-02 222
Broadcast Channel API 允许在一个源的不同窗口、标签页或 iframe 之间进行通信。这是一种实时的通信机制，非常适合需要实时同步数据的场景。3.iframe 数据通讯 postMessage/message（可设置不同源数据通讯）1.使用 LocalStorage 或 SessionStorage（同源）// 检查消息来源，确保来自正确的源。// 检查消息来源，确保来自正确的源。'Hello 来自父亲的消息!'Hello 来自儿子的消息!// 忽略来自自身的消息。
js对象操作常用方法
m0_75276704的博客
09-02 264
2.构造函数创建 2.方括号 三、添加属性 四、删除属性 五、判断属性是否存在 1.in运算符 2.hasOwnProperty方法 六、遍历对象属性 1.for...in...循环 2.Object.keys，Object.values，Object.entries 七、深拷贝与浅拷贝 1.浅拷贝 2.深拷贝 八、合并对象 Object.assign 九、其他方法 1.Object.is() 比较两个
vue 通过事件的形式调用全局组件
liux6687的博客
08-29 1623
通过vue.use 挂载组件，然后在vue 原型上添加属性, 再通过调用属性方法传参的形式控制组件。这里我是写了一个文件上传组件。
前端代码注释风格 - CSS篇
yangguangxiadewo的专栏
09-02 477
本文基于《阿里巴巴CSS编程规约》、stylelint rules进行编写，涉及预编译语言（Sass、Less）的编码风格和最佳实践。
从面向对象(OOP)到面向切面(AOP)：编程范式的演变
妍思码匠的博客
08-30 1172
本文深入探讨了面向切面编程（AOP）在前端开发中的应用，解释了AOP如何通过动态增强与代码复用、降低模块间耦合度，为前端项目带来更高效、更模块化的解决方案。通过具体案例分析，如日志记录切面和动态埋点的实现，展示了如何利用装饰器模式、高阶组件等技术在前端实现AOP。理解AOP的原理与实践，将有助于开发者构建更易于维护和扩展的前端应用。无论你是前端新手还是资深开发者，本文都将为你提供有价值的见解和实用技巧。
深入理解JavaScript闭包：避免常见的内存泄漏问题
官方推荐
09-02 1634
深入理解JavaScript闭包：避免常见的内存泄漏问题
材料表面缺陷检测系统源码分享 # [一条龙教学YOLOV8标注好的数据集一键训练_70+全套改进创新点发刊_Web前端展示]
xuehai996的博客
08-29 2249
材料表面缺陷检测系统源码分享 # [一条龙教学YOLOV8标注好的数据集一键训练_70+全套改进创新点发刊_Web前端展示]
KEYSIGHT是德 Infiniium EXR系列 示波器
XLTYQYB的博客
08-29 1366
该系列的所有型号都集成了一个 10 位 ADC，并且在所有通道上同时提供 16 GSa/s 的采样率。高分辨率 ADC 的效用取决于示波器的前端底噪是否足够低以提供与之匹配的额外的量化电平空间。我们的低噪声前 端包含定制 IC，例如 130 纳米 BiCMOS IC（其中集成了用户可选的模拟滤波器），并且带宽可通过软件 许可证升级。使用硬件滤波时，噪声低至 43 μV，系统 ENOB 达到 9.0 位。Infiniium EXR系列 示波器 型号比较。垂直分辨率是 8 位示波器的 4 倍。
Java Web实战教程：如何一步步开发美容美发管理系统
WEIXIN_JSJBCZDS的博客
08-28 707
Java Web实战教程：如何一步步开发美容美发管理系统 本文详细介绍了如何利用Java Web技术一步步开发美容美发管理系统，重点解析了系统核心业务功能，包括客户预约、服务管理、员工调度等。文章通过实际案例和代码演示，帮助读者掌握Java Spring Boot和Vue.js等现代Web开发技术，为计算机专业学生和开发者提供了一个实践性强、易于上手的开发教程。
【jQuery】前端八股文面试题
Una的博客
08-30 1673
会持续更新，但jQuery被问到的比较少，主要是是机试的时候，看会不会用。
SprinBoot+Vue家政公司服务平台的设计与实现
赵广陆
08-29 764
目录 1 项目介绍 2 项目截图 3 核心代码 3.1 Controller 3.2 Service 3.3 Dao 3.4 application.yml 3.5 SpringbootApplication 3.5 Vue 4 数据库表设计 5 文档参考 6 计算机毕设选题推荐 7 源码获取 1 项目介绍 博主个人介绍：CSDN认证博客专家，CSDN平台Java领域优质创作者，全网30w+粉丝，超300w访问量，专注于大学生项目实战开发、讲解和毕业答疑辅导，对于专业性数据证明一切！
小程序页面跳转传url参数被截取问题
Xiang_Gong_Ya_的博客
08-30 324
{${${
Spring+SpringWeb+MyBatis三大框架整合教程 实现先前后端交互搭建
小谷同学的博客
08-29 809
ssm大合体！1. 创建项目创建一个JavaEE项目不会创建JavaEE项目的小可爱可以回家种地了~~创建所要用到的包和配置文件：2. 导入所依赖的 jar 包3. 配置MyBatis4. 配置spring事务管理5.
自建电商网站整合Refersion教程
jspyth的博客
08-28 831
自建电商网站整合Refersion教程
前端面试模拟：常见的3个JavaScript经典考题
前端达人
08-30 1150
在一次备受期待的前端开发高级岗位面试中，你紧张地走进了会议室，对面坐着的是一位经验丰富的技术面试官。窗外阳光明媚，屋内却有一丝令人紧张的静谧。第一问：如何使用JavaScript实现事件委托？面试官微微一笑，开门见山地抛出了第一个问题：“假设你有一个包含多个按钮的父元素，如何通过事件委托来高效地管理这些按钮的点击事件？”实现步骤接下来，面试官展示了一个简单的HTML结构，其中包含一个div元素作为...
3.5 Browser -- useFileDialog
weixin_44438233的博客
08-31 395
vueuse源码分析之useFileDialog
ouc数据库复习csdn
09-19
OUC数据库复习CSDN是指在中国软件开发者社区CSDN上，通过学习和复习中国海洋大学（OUC）数据库相关的知识。 中国海洋大学数据库课程是计算机相关专业的重要课程之一，强调学生对数据库的理论知识和实践技能的掌握。...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值