`
ForgetLove
  • 浏览: 24314 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
社区版块
存档分类
最新评论

自写登录页面空间水平、垂直居中xml配置文件

阅读更多
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/RelativeLayout1"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:layout_gravity="center_horizontal"
    android:gravity="center_horizontal"
    tools:context=".Login" >

    <!-- 登录xml -->
<!-- 
用户名text控件,首先设置该空间为水平、垂直都居中对齐,宽和高都为包裹内容
 -->
    <TextView
        android:id="@+id/teLo"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:gravity="center_horizontal"
        android:layout_centerVertical="true"
        android:text="@string/teLoStr" />
<!-- 
用户名输入框,指定宽和高,输入框的左边跟用户名显示框的右边对齐,并设置为水平、居中对齐
 -->
    <EditText
        android:id="@+id/edLoName"
        android:layout_width="130px"
        android:layout_height="28px"
        android:layout_toRightOf="@id/teLo"
        android:gravity="center_horizontal"
        android:layout_centerVertical="true"
        android:hint="请输入用户名"
        android:singleLine="true" />
<!-- 
密码文本显示,宽和高都为包裹内容,设置水平、垂直居中,出现在用户名文本显示text的下面,并距离用户名text10px距离
 -->
    <TextView
        android:id="@+id/tePa"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:gravity="center_horizontal"
        android:layout_centerVertical="true"
        android:layout_below="@id/teLo"
        android:layout_marginTop="10px"
        android:text="@string/tePaStr" />
<!-- 
密码文本输入框,指定宽和高,设置水平、垂直居中,出现在用户名输入框的下面,密码输入框的左边跟用户名文本显示text右边对齐
ps:密码跟用户名差一个汉子,此text配置在string。xml中,空格无法调整距离
也可用此行android:layout_marginLeft="4px"来代替android:layout_toRightOf="@id/teLo"这一行调整左边距离。
 -->
    <EditText
        android:id="@+id/edPassword"
        android:layout_width="130px"
        android:layout_height="28px"
        android:layout_toRightOf="@id/teLo"
        android:layout_below="@id/edLoName"
        android:gravity="center_horizontal"
        android:layout_centerVertical="true"
        android:hint="请输入密码"
        android:password="true"
        android:singleLine="true" />

</RelativeLayout>

 效果预览

0
0
分享到:
评论

相关推荐

    RadiosButton中文字居中一行显示

    ### RadioButton中文字居中一行显示 #### 背景与问题描述 在App开发过程中,开发者经常使用`RadioGroup`组件来实现应用内的导航条功能。`RadioGroup`中的每个`RadioButton`通常代表一个导航页面。然而,在实际操作...

    Android-自动换行布局水平排列子项并自动换行支持不等长不等宽子项且可以设置垂直间距与水平间距及子项对齐模式。

    此外,它可能还提供了一些属性来设置间距和对齐方式,这些属性可以通过XML布局文件进行配置。 总之,这个"自动换行布局"是一个强大的工具,可以帮助开发者构建更动态、更灵活的用户界面,尤其是在需要展示多个元素...

    C# 实现手动拼图

    这个程序具备多种功能,包括添加图片、删除图片、水平居中、垂直居中、保存和加载配置文件等。以下是对这些功能的详细解释和相关知识点: 1. **添加图片**:在C#中,我们可以使用`System.Drawing`命名空间中的类来...

    1登录注册界面实验报告

    总结,该实验报告详细展示了如何利用Android Studio中的XML布局文件创建一个登录注册界面,涵盖了基础的UI组件使用和布局管理,对于初学者来说是一个很好的实践案例,有助于提升Android应用开发的基本技能。

    Android应用开发中的一些XML相关知识

    在Android应用开发中,XML是一种重要的标记语言,用于定义用户界面布局、资源文件以及应用程序的配置。本篇文章将深入探讨Android应用开发中的XML相关知识,包括LinearLayout和RelativeLayout这两种常见的布局方式。...

    android 界面UI设计工具 droiddraw

    4. 对齐方式:水平居中、垂直居中、左对齐、右对齐、顶部对齐、底部对齐等。 5. 边距和内边距:影响视图与其他视图或边缘的距离。 **XML布局文件** 虽然droiddraw提供了一种直观的图形化设计方式,但最终生成的...

    移动应用开发:创建系统主界面.pptx

    本节将详细介绍如何利用Android Studio和XML布局文件来创建一个具有专业外观和功能的主界面。 首先,我们需要了解布局方式。在Android中,常见的布局类型包括线性布局(LinearLayout)、相对布局(RelativeLayout)...

    Android_动画基础(一).

    `android:layout_centerHorizontal`和`android:layout_centerVertical`属性分别让`TextView`在水平和垂直方向居中,而`android:layout_alignParentBottom="true"`让`Button`紧贴父视图的底部。 接下来,我们讨论...

    Duilib进阶代码示例 XMP 显示中间的图片

    4. **设置控件属性**:将`Static`控件的水平和垂直对齐方式设置为“居中”,这样图片就会自动在控件内居中显示。 5. **处理响应事件**:如果需要,还可以为控件添加鼠标点击或其他事件响应,以实现更丰富的交互功能...

    Android中使用RelativeLayout布局完成的登录练习题要求说明.pdf

    首先,`RelativeLayout`布局的特点在于它的每个子视图(如EditText、Button等)的位置可以相对于其他视图或者布局的边缘进行设置,而不是像LinearLayout那样按照垂直或水平方向的顺序排列。这使得开发者在设计复杂且...

    FalagardSkinning.pdf

    Falagard是CEGUI中的一个强大的外观系统,它允许开发者通过XML配置文件来定义和管理GUI元素的外观。这不仅提高了GUI的可定制性,还使得GUI的样式可以独立于应用程序的逻辑进行管理和更新。 #### 1.2 统一坐标系统 ...

    Android七中布局的详细介绍

    Android提供了两种布局实现方式:通过Java代码和XML配置文件。XML布局文件通常存储在`res/layout`目录下,支持嵌套,使得布局设计更加灵活。 二、布局基本属性 1. `android:layout_width`和`android:layout_height...

    6编写推箱子游戏程序(第一步)

    创建一个推箱子游戏的主界面涉及到了Android开发中的基础概念,包括项目创建、布局文件编写以及界面元素的配置。通过熟练掌握这些基础知识,开发者可以进一步构建游戏逻辑,实现推箱子的规则和交互。后续章节可能会...

    采用GridView实现九宫格的菜单

    第二种方法是在AndroidManifest.xml文件中对该Activity添加相应的主题配置。具体操作为,在res/values/目录下创建一个title.xml文件,定义一个不显示标题的样式。然后在AndroidManifest.xml中对该Activity使用该样式...

    LinearLayout.zip

    线性布局(LinearLayout)是Android开发中非常基础且常用的布局管理器之一,它按照垂直或水平方向将子视图(View)依次排列。在此次"线性布局页面设计"中,我们显然关注的是如何利用LinearLayout来创建一个既美观又...

    A0201线性布局LinearLayout的使用1

    `android:gravity`属性决定了子视图在LinearLayout内部的对齐方式,可以设置水平和垂直方向的对齐方式,如左对齐、居中、右对齐等。最后,`android:orientation`属性用于设置布局的方向,可选值为"horizontal"(水平...

    移动应用开发:创建Splash界面.pptx

    这是应用的配置文件,包含了所有活动、服务、接收器等组件的信息,以及权限声明。 了解`Activity的生命周期`至关重要。活动有多种状态,如创建(onCreate())、可见(onStart())、暂停(onPause())、恢复...

    在代码中控制UI界面(简单例子).pdf

    通过`FrameLayout.LayoutParams(params)`,可以指定`WRAP_CONTENT`的宽度和高度,同时设置`gravity`为`Gravity.CENTER_HORIZONTAL | Gravity.CENTER_VERTICAL`,确保组件在水平和垂直方向上居中。 总的来说,通过...

    Android控件大全以及各布局空间的使用方式

    - **定义**: `LinearLayout` 是 Android 中最基础的布局之一,它允许开发者以水平(horizontal)或垂直(vertical)的方式线性排列子视图。 - **属性**: - `android:orientation`: 决定子视图是水平还是垂直排列。可选...

Global site tag (gtag.js) - Google Analytics