Android 2.3 设计,2.3 使用Android Studio 简单设计UI界面

首先 创建一个新的项目找到app 文件目录下的layout的 activity_main.xml

因为Android Studio 是可视化的,所有操作都可以在图形界面进行。

该res 界面当中  drawable 可以将需要的图片导入该目录当中进行调用 layout的目录是布局界面

values 当中存有可以更改界面的颜色 字符串还有款式的xml文件。当然也可以在可视化界面当中便捷的更改。

2d859bb23ff2dd8ea59b2e559b9c6ef5.png

如下图所示为可以添加到界面的各种符号,若账号输入框,密码输入框,按钮和各种选择键。

b49c2ff5ec566119d0333b605d953d91.png

添加辅助线的按钮如下:

703368d8e10cf127c427427f84e35f8b.png

打开布局界面首先添加几条辅助线,将界面的布局划分完整,使UI界面在不同尺寸,分辨率的设备上的兼容度更好。

分别为5% 20% 30% 40% 90%如图所示

aeaa6199b2c10a6667d710e88e6fbbc5.png

首先引入以可以输入图片的框

16a2a6f572d28d8039003e09966b70cf.png

然后引入输入框 密码输入框一个按钮 还有一个版本号的位置 如图所示:

be55599ad25b4c792ae342194514ceea.png

把账号输入框 密码输入框设置提示 按钮设置为登陆 输入版本号 将图片设置为与范围高度对其  两个输入框设置为与

运行界面如下:

d9834c498695391f460b4e768f5d811f.png

a6a271c5dd2da300ee282a2cd09e848f.png

点击bulid  生产apk 可以在手机上安装使用

0cbe18a3edf33a6a13782280321244ec.png

两个选项,当程序调试没问题时选择第一个直接发步到应用市场  第二种形式 可以直接安装

a8ab3d566032e405d6e8e4302f78e063.png

存储填写如下:

455585c544d17061135cba437499e135.png

中间阶段选择debug 如果没有问题就选择创建release

741fe68702da91792ec396634230f834.png

生产两个文件

faf45ec7e573b2d6960c8052c0512139.png

手机操作如下:

a749bf58ed307194cc86691351a3310c.png

  • 1
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值