AndroidStudio安卓原生开发_UI控件_TextView_Button_EditText

AndroidStudio安卓原生开发_UI控件_TextView_Button_EditText这个 Textview 控件是 button 的父类 EditText 也是这个要知道 2 可以看到上面的继承关系图 3 可以看到上面都是一些 TextView 的一些属性 很简单这里不去仔细看了 4

大家好,欢迎来到IT知识分享网。

AndroidStudio安卓原生开发_UI控件_TextView_Button_EditText

AndroidStudio安卓原生开发_UI控件_TextView_Button_EditText

这个Textview控件是button的父类,EditText也是这个要知道

AndroidStudio安卓原生开发_UI控件_TextView_Button_EditText

AndroidStudio安卓原生开发_UI控件_TextView_Button_EditText

2.可以看到上面的继承关系图

AndroidStudio安卓原生开发_UI控件_TextView_Button_EditText

AndroidStudio安卓原生开发_UI控件_TextView_Button_EditText

AndroidStudio安卓原生开发_UI控件_TextView_Button_EditText

AndroidStudio安卓原生开发_UI控件_TextView_Button_EditText

AndroidStudio安卓原生开发_UI控件_TextView_Button_EditText

AndroidStudio安卓原生开发_UI控件_TextView_Button_EditText

3.可以看到上面都是一些TextView的一些属性,很简单这里不去仔细看了

AndroidStudio安卓原生开发_UI控件_TextView_Button_EditText

AndroidStudio安卓原生开发_UI控件_TextView_Button_EditText

4.先去添加一个TextView,注意这里还用了RelativeLayout这个相对布局,

这个相对布局,可以设置相对于父类布局的,左边,右边等等

AndroidStudio安卓原生开发_UI控件_TextView_Button_EditText

AndroidStudio安卓原生开发_UI控件_TextView_Button_EditText

5.我们要做上面的这个界面

AndroidStudio安卓原生开发_UI控件_TextView_Button_EditText

AndroidStudio安卓原生开发_UI控件_TextView_Button_EditText

AndroidStudio安卓原生开发_UI控件_TextView_Button_EditText

6.这里我们先用一个线性布局,线性布局具体后面说,这个也很简单的东西不会太多赘述

AndroidStudio安卓原生开发_UI控件_TextView_Button_EditText

AndroidStudio安卓原生开发_UI控件_TextView_Button_EditText

7.然后写上这个TextView

AndroidStudio安卓原生开发_UI控件_TextView_Button_EditText

AndroidStudio安卓原生开发_UI控件_TextView_Button_EditText

AndroidStudio安卓原生开发_UI控件_TextView_Button_EditText

8.然后我们先删除上面的TextView,然后添加一个相对布局,我们就在线性布局中,又套了

一个相对布局

AndroidStudio安卓原生开发_UI控件_TextView_Button_EditText

AndroidStudio安卓原生开发_UI控件_TextView_Button_EditText

9.我们首先给这个相对布局设置个背景蓝色

AndroidStudio安卓原生开发_UI控件_TextView_Button_EditText

AndroidStudio安卓原生开发_UI控件_TextView_Button_EditText

AndroidStudio安卓原生开发_UI控件_TextView_Button_EditText

10.然后去看看效果.

AndroidStudio安卓原生开发_UI控件_TextView_Button_EditText

AndroidStudio安卓原生开发_UI控件_TextView_Button_EditText

11.然后按照要做的图片,左侧要放个小箭头,我们用imageview来放

AndroidStudio安卓原生开发_UI控件_TextView_Button_EditText

AndroidStudio安卓原生开发_UI控件_TextView_Button_EditText

12.可以看到这个图片放到drawable中就可以了

AndroidStudio安卓原生开发_UI控件_TextView_Button_EditText

AndroidStudio安卓原生开发_UI控件_TextView_Button_EditText

13.然后在ImageView中引用这个图片

AndroidStudio安卓原生开发_UI控件_TextView_Button_EditText

AndroidStudio安卓原生开发_UI控件_TextView_Button_EditText

14.可以看到已经有了

AndroidStudio安卓原生开发_UI控件_TextView_Button_EditText

AndroidStudio安卓原生开发_UI控件_TextView_Button_EditText

15.然后设置一下layout_centerVertical为true就是垂直居中了.

AndroidStudio安卓原生开发_UI控件_TextView_Button_EditText

AndroidStudio安卓原生开发_UI控件_TextView_Button_EditText

15.去看看效果可以了

AndroidStudio安卓原生开发_UI控件_TextView_Button_EditText

AndroidStudio安卓原生开发_UI控件_TextView_Button_EditText

然后再去设置往右一点

AndroidStudio安卓原生开发_UI控件_TextView_Button_EditText

AndroidStudio安卓原生开发_UI控件_TextView_Button_EditText

看看效果

AndroidStudio安卓原生开发_UI控件_TextView_Button_EditText

AndroidStudio安卓原生开发_UI控件_TextView_Button_EditText

16.然后再去设置中间的字

AndroidStudio安卓原生开发_UI控件_TextView_Button_EditText

AndroidStudio安卓原生开发_UI控件_TextView_Button_EditText

17.去看看效果不行

AndroidStudio安卓原生开发_UI控件_TextView_Button_EditText

AndroidStudio安卓原生开发_UI控件_TextView_Button_EditText

18.设置一下居中.

AndroidStudio安卓原生开发_UI控件_TextView_Button_EditText

AndroidStudio安卓原生开发_UI控件_TextView_Button_EditText

19.居中了

AndroidStudio安卓原生开发_UI控件_TextView_Button_EditText

AndroidStudio安卓原生开发_UI控件_TextView_Button_EditText

20.再去设置垂直居中是true

AndroidStudio安卓原生开发_UI控件_TextView_Button_EditText

AndroidStudio安卓原生开发_UI控件_TextView_Button_EditText

22.可以看到效果,水平垂直居中了

AndroidStudio安卓原生开发_UI控件_TextView_Button_EditText

AndroidStudio安卓原生开发_UI控件_TextView_Button_EditText

23.然后添加一个注册按钮

AndroidStudio安卓原生开发_UI控件_TextView_Button_EditText

AndroidStudio安卓原生开发_UI控件_TextView_Button_EditText

24.去看看在左边对吧

AndroidStudio安卓原生开发_UI控件_TextView_Button_EditText

AndroidStudio安卓原生开发_UI控件_TextView_Button_EditText

25.设置在父控件的右边,alignParentRight = true

AndroidStudio安卓原生开发_UI控件_TextView_Button_EditText

AndroidStudio安卓原生开发_UI控件_TextView_Button_EditText

26.可以看到跑到右边去了

AndroidStudio安卓原生开发_UI控件_TextView_Button_EditText

AndroidStudio安卓原生开发_UI控件_TextView_Button_EditText

27,但是背景不好看,我们设置一下background = @null 这样就可以把系统灰色的背景去掉

AndroidStudio安卓原生开发_UI控件_TextView_Button_EditText

AndroidStudio安卓原生开发_UI控件_TextView_Button_EditText

去看看效果,可以看到背景没有了

AndroidStudio安卓原生开发_UI控件_TextView_Button_EditText

AndroidStudio安卓原生开发_UI控件_TextView_Button_EditText

去掉背景吧,去掉背景让按钮显示出框来

AndroidStudio安卓原生开发_UI控件_TextView_Button_EditText

AndroidStudio安卓原生开发_UI控件_TextView_Button_EditText

可以看看效果

AndroidStudio安卓原生开发_UI控件_TextView_Button_EditText

AndroidStudio安卓原生开发_UI控件_TextView_Button_EditText

然后去做上面这部分

AndroidStudio安卓原生开发_UI控件_TextView_Button_EditText

AndroidStudio安卓原生开发_UI控件_TextView_Button_EditText

我们写一个线性布局,用orientation是vertical,垂直,这样就可以去设置,用户名,密码,这两行了

然后用户名,左边是个textview,显示账号,右边是editext,用来输入账号

AndroidStudio安卓原生开发_UI控件_TextView_Button_EditText

AndroidStudio安卓原生开发_UI控件_TextView_Button_EditText

可以看到,我们就是一个linerlayout下面有两个linerlayout,分别用来放,账号,密码的

AndroidStudio安卓原生开发_UI控件_TextView_Button_EditText

AndroidStudio安卓原生开发_UI控件_TextView_Button_EditText

我们把账号部分弄好

AndroidStudio安卓原生开发_UI控件_TextView_Button_EditText

AndroidStudio安卓原生开发_UI控件_TextView_Button_EditText

可以看到效果

AndroidStudio安卓原生开发_UI控件_TextView_Button_EditText

AndroidStudio安卓原生开发_UI控件_TextView_Button_EditText

调整一下,最外层linerlayout,距离顶部100dp

AndroidStudio安卓原生开发_UI控件_TextView_Button_EditText

AndroidStudio安卓原生开发_UI控件_TextView_Button_EditText

看看效果

AndroidStudio安卓原生开发_UI控件_TextView_Button_EditText

AndroidStudio安卓原生开发_UI控件_TextView_Button_EditText

然后调整一下左侧距离

AndroidStudio安卓原生开发_UI控件_TextView_Button_EditText

AndroidStudio安卓原生开发_UI控件_TextView_Button_EditText

看看效果

AndroidStudio安卓原生开发_UI控件_TextView_Button_EditText

AndroidStudio安卓原生开发_UI控件_TextView_Button_EditText

然后看一下密码框也弄一下

AndroidStudio安卓原生开发_UI控件_TextView_Button_EditText

然后再去看看效果

加上提示

去看看效果

然后再加上按钮登录

可以看看效果这个页面太简单了,不多说了,后面复杂的地方会仔细说一下.

免责声明:本站所有文章内容,图片,视频等均是来源于用户投稿和互联网及文摘转载整编而成,不代表本站观点,不承担相关法律责任。其著作权各归其原作者或其出版社所有。如发现本站有涉嫌抄袭侵权/违法违规的内容,侵犯到您的权益,请在线联系站长,一经查实,本站将立刻删除。 本文来自网络,若有侵权,请联系删除,如若转载,请注明出处:https://yundeesoft.com/108425.html

(0)

相关推荐

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注微信