Android移动应用开发UI界面练习
2024-05-26 13:37:00
目录
例题分析
代码实现
实际效果
例题分析
参考百词斩app，打开界面如下，大致画一下UI界面的结构。
代码实现
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"android:layout_width="match_parent"android:layout_height="match_parent"android:orientation="vertical"><RelativeLayoutandroid:layout_width="match_parent"android:layout_height="120dp"><Viewandroid:id="@+id/view_1"android:layout_width="30dp"android:layout_height="40dp"android:background="#d9ead3"android:layout_marginVertical="10dp"android:layout_marginLeft="10dp"/><Viewandroid:id="@+id/view_2"android:layout_width="290dp"android:layout_height="40dp"android:layout_toRightOf="@id/view_1"android:background="#d9ead3"android:layout_marginHorizontal="17dp"android:layout_marginVertical="10dp"/><Viewandroid:id="@+id/view_3"android:layout_width="35dp"android:layout_height="40dp"android:layout_toRightOf="@id/view_2"android:background="#d9ead3"android:layout_marginVertical="10dp"android:layout_marginRight="10dp"/><Viewandroid:id="@+id/view_4"android:layout_width="match_parent"android:layout_height="60dp"android:layout_below="@id/view_3"android:layout_margin="8dp"android:layout_marginStart="5dp"android:background="#bfedae" /></RelativeLayout><LinearLayoutandroid:layout_width="match_parent"android:layout_height="200dp"android:layout_marginLeft="10dp"android:layout_marginRight="10dp"android:background="#3c78d8"android:orientation="vertical"><RelativeLayoutandroid:layout_width="match_parent"android:layout_height="match_parent"><Viewandroid:id="@+id/view_5"android:layout_width="50dp"android:layout_height="50dp"android:layout_margin="15dp"android:background="#c9daf8"/><Viewandroid:id="@+id/view_6"android:layout_width="300dp"android:layout_height="50dp"android:layout_margin="15dp"android:layout_toRightOf="@id/view_5"android:background="#c9daf8" /><Viewandroid:id="@+id/view_7"android:layout_width="380dp"android:layout_height="90dp"android:layout_below="@id/view_6"android:layout_marginStart="15dp"android:layout_marginTop="10dp"android:layout_marginEnd="10dp"android:layout_marginBottom="10dp"android:background="#c9daf8" /></RelativeLayout></LinearLayout><LinearLayoutandroid:layout_width="match_parent"android:layout_height="match_parent"android:layout_margin="10dp"android:background="#fff2cc"android:orientation="vertical"><RelativeLayoutandroid:layout_width="match_parent"android:layout_height="match_parent"><Viewandroid:id="@+id/view_8"android:layout_width="50dp"android:layout_height="50dp"android:layout_margin="15dp"android:background="#ed9494"/><Viewandroid:id="@+id/view_9"android:layout_width="50dp"android:layout_height="50dp"android:layout_margin="15dp"android:layout_toRightOf="@id/view_8"android:background="#ed9494"/><Viewandroid:id="@+id/view_10"android:layout_width="50dp"android:layout_height="50dp"android:layout_margin="15dp"android:layout_toRightOf="@id/view_9"android:background="#ed9494"/><Viewandroid:id="@+id/view_11"android:layout_width="50dp"android:layout_height="50dp"android:layout_margin="15dp"android:layout_toRightOf="@id/view_10"android:background="#ed9494"/><Viewandroid:id="@+id/view_12"android:layout_width="50dp"android:layout_height="50dp"android:layout_margin="15dp"android:layout_toRightOf="@id/view_11"android:background="#ed9494"/><Viewandroid:id="@+id/view_13"android:layout_width="380dp"android:layout_height="60dp"android:layout_below="@id/view_9"android:layout_marginStart="15dp"android:layout_marginTop="8dp"android:layout_marginEnd="15dp"android:layout_marginBottom="15dp"android:background="@color/white" /><Viewandroid:id="@+id/view_14"android:layout_width="380dp"android:layout_height="60dp"android:layout_below="@id/view_13"android:layout_marginStart="15dp"android:layout_marginTop="3dp"android:layout_marginEnd="15dp"android:background="@color/white" /></RelativeLayout></LinearLayout></LinearLayout>实际效果
颜色取色器网站：在线颜色选择器 | RGB颜色查询对照表
Android移动应用开发UI界面练习相关推荐
- Android开发-UI界面--类微信页面设计
Android开发-UI界面–类微信页面设计 一.功能说明 设计一个类似微信的主页面框架,UI布局为上中下结构,包含了四个tag页面 二.开发技术 本次用到了layout.xml.控件.监听.fr ...
- android 音乐播放器ui界面设计音乐播放器毕业设计。Android studio编译，项目有源码和apk
使用Android Studio开发一个简易的音乐播放器 界面图: 视频展示: android 音乐播放器ui界面设计音乐播放器毕业设计.Android studio编译 项目下载: android音 ...
- Android学习——5个UI界面设计
Android学习--5个UI界面设计 一.计算器 二.frameLayout(框架布局)实现登录界面 三.RelativeLayout相对布局实现登录界面 四.表格布局 五.多布局 一.计算器 &l ...
- 游戏开发UI界面设计需要注意什么？
棋牌游戏能否在市场中得到玩家的欢迎主要取决于棋牌游戏产品的玩法,界面风格,以及运行环境.特别是在棋牌游戏开发完成运营初期,UI界面更是棋牌平台是否能吸引更多玩家的关键因素之一. 因此,棋牌游戏开发UI ...
- Android Studio：基本UI界面设计 （详细）
一. 实验题目 基本UI界面设计 二. 实现内容 实现一个 Android 应用,界面呈现如下效果: 三. 实验过程 (1)标题 首先我们建立一个TextView控件来写标题. 实验对标题的要求如下: ...
- 安卓开发——UI界面开发
功能说明 开发一个类似微信的主页面框架,UI布局为上中下结构,包含4个tab界面: 页面顶部为页面标题 页面底部为导航栏 页面中部为内容展示界面 开发技术 layout xml,控件,监听,fragm ...
- Android 屏幕方向以及UI界面状态的保存
屏幕方向以及UI界面状态的保存 首先,基于android studio,先将虚拟手机的屏幕自动翻转打开 1.设置屏幕锁定 在Androidmanifests.xml文件中,设置 android:scr ...
- android studio添加按钮界面,2.3 使用Android Studio 简单设计UI界面
首先 创建一个新的项目找到app 文件目录下的layout的 activity_main.xml 因为Android Studio 是可视化的,所有操作都可以在图形界面进行. 该res 界面当中 d ...
- Python - PyQT5开发UI界面 - 环境搭建
没有做过UI界面的都会把UI的制作想象的很神秘,我在刚开始的时候也是感觉异常神秘.很复杂.并且无从下手,不过在真正的做出来一个界面后,发现也并没有想象中的那么难,而且做出来可视化的东西所带来的成就感是 ...
最新文章
- R语言使用pROC包在同一图中绘制两条ROC曲线并通过假设检验检验ROC曲线的AUC或者偏AUC的差异（输出p值）
- 从青年基金到面上项目
- 【电路补习笔记】4、二极管的参数与选型
- [VSCode] Ubuntu 16.04 安装/更新 vscode
- java读取配置文件和获得项目根目录
- Spring 学习笔记---Bean的生命周期
- 【语音分析】基于matlab语音短时时域分析【含Matlab源码 559期】
- 递归算法经典实例python-递归案例python
- 如何开好一个软件类周会和周报
- 双人五子棋游戏用C++实现
- python获取当前时间、今天零点、23:59:59点、昨天当前时间、明天的当前时间。
- 用html制作课程表
- stable diffusion制作韩国版AI女友关键词
- iOS项目集成unity（2020+ 版本）
- 蒙泰RIP快捷键大全
- oracle数据库的安装及配置方法
- 名编辑电子杂志大师教程 | 如何设置翻页电子样本在手机上的展示画质？
- docker监控方案
- macbook pro的漏电
- 工具类—MD5简单介绍以及MD5工具类