码迷,mamicode.com
首页 > 移动开发 > 详细

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

时间:2020-02-03 22:24:36      阅读:259      评论:0      收藏:0      [点我收藏+]

标签:调用   draw   values   市场   输入   形式   bug   XML   图片   

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

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

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

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

技术图片

 

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

 技术图片

 

 添加辅助线的按钮如下:

技术图片

 

 

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

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

 技术图片

 

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

 

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

技术图片

 

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

运行界面如下:

技术图片

 

技术图片

 

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

技术图片

 

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

技术图片

 

 存储填写如下:

技术图片

 

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

 技术图片

 

 生产两个文件

技术图片

 

 手机操作如下:

技术图片

 

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

标签:调用   draw   values   市场   输入   形式   bug   XML   图片   

原文地址:https://www.cnblogs.com/cxy0210/p/12256810.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!