实现简单的android UI界面

实现内容


一共可以分为五部分,分别如下:
标题:

图片:

输入界面:

选择button:

登录注册框:

XML布局

1、 标题:

这里我们进行的是标题的编写,我们看到的是,首先需要水平居中,然后是对于控件的间距和字体的大小需要进行调整,最后,保证字体颜色为黑色(#000000),这里我们利用了style的资源,所以,就可以进行简单的封装。
2、 图片:

我们看到这里面,需要注意修改的就是图片的路径,所以,我们需要进行的是路径的修改和图片的添加,就可以了。
3、 输入界面:
这里运用了布局,我们运用的是gridlayout,所以,我们需要注意的是布局的调整,我们需要做的是对其,可以采用中轴线对其,利用如下代码就可以完成了:

采用上面的代码,我们就可以实现右对齐以及上面控件的间距了。
当然,由于我们的控件的位置使在图片的下方,所以,我们需要在gridlayout中加入这句话,以保证我们的位置布局是正确的:

4、 选择button:
这里的选择按钮,其实需要我们进行的是一个单选操作,所以,我们利用RadioGroup

我们在这里,可以设定好间距,居中方式,然后进行实验,就OK了。
在第一个button出选择true,这样就是被选中了:

5、 登录注册框:
这里我们还是用了一个linearlayout:

我们还是需要先进行的是居中处理,这样的话,我们就可以很好的完成对应的处理,然后,这里的话,我们需要做的其实就是圆角矩形的操作,我们看到的是,这里需要自己设定一个图形,调整shape:

这样的话,我们可以调整背景色,圆角半径,字与框的距离,通过这些设定之后,我们只需要在后面的实验中进行调用就可以了:

这样的话,我们就可以完成这次的实验了,同样注意和上下控件的间距,就可以完成了。
在这次的试验中,我们利用了四种资源,分别是style,color,string,dimen,所以,我们可以很好的完成封装:
Style:

Dimen:

String:

Color:

实现结果

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值