返回顶部
首页 > 资讯 > 移动开发 >Android应用借助LinearLayout实现垂直水平居中布局
  • 632
分享到

Android应用借助LinearLayout实现垂直水平居中布局

布局居中Android 2022-06-06 08:06:32 632人浏览 泡泡鱼
摘要

首先说的是LinearLayout布局下的居中一般是这样的: (注意:Android:layout_width="fill_parent" android:layout_hei

首先说的是LinearLayout布局下的居中一般是这样的:
(注意:Android:layout_width="fill_parent" android:layout_height="fill_parent" 属性中,若水平居中,至少在宽度上占全屏;若垂直居中,则在高度上占全屏)


<LinearLayout 
  android:layout_width="fill_parent" 
  android:layout_height="fill_parent" 
  android:gravity="center|center_horizontal|center_vertical" > 
  // 上面gravity属性的参数:center为居中,center_horizontal为水平居中,center_vertical为垂直居中 
  <Button  
    android:id="@+id/Binding_button"  
    android:layout_width="wrap_content"  
    android:layout_height="wrap_content"  
    android:text="关联新账户" /> 
</LinearLayout>  

要实现垂直水平居中,几个基本参数值得注意:
1、android:orientation="vertical"表示该布局下的元素垂直排列;
2、android:layout_gravity="center_horizontal"表示该布局在父布局里水平居中,此时其父布局必须拥有android:orientation="vertical"属性;
3、android:layout_gravity="center_vertical"表示该布局在父布局里垂直居中,此时其父布局必须应设置成android:orientation="horizontal"属性(默认为该属性),且其父布局的高度应设置为android:layout_height="fill_parent"属性;
4、android:gravity="center_horizontal"表示该布局下的元素水平居中;

线性布局垂直水平居中布局文件实例:


<LinearLayout xmlns:android="Http://schemas.android.com/apk/res/android" 
  xmlns:tools="http://schemas.android.com/tools" 
  android:layout_width="fill_parent" 
  android:layout_height="fill_parent" 
  android:orientation="vertical" > 
  <LinearLayout 
    android:layout_width="wrap_content" 
    android:layout_height="fill_parent" 
    android:layout_gravity="center_horizontal" 
    > 
    <LinearLayout 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:orientation="vertical" 
      android:layout_gravity="center_vertical" 
      > 
      <LinearLayout 
        android:layout_width="fill_parent" 
        android:layout_height="wrap_content" > 
        <TextView 
          android:layout_width="100dp" 
          android:layout_height="wrap_content" 
          android:gravity="right" 
          android:text="用户名" /> 
        <EditText 
          android:layout_width="300dp" 
          android:layout_height="wrap_content" /> 
      </LinearLayout> 
      <LinearLayout 
        android:layout_width="fill_parent" 
        android:layout_height="wrap_content" > 
        <TextView 
          android:layout_width="100dp" 
          android:layout_height="wrap_content" 
          android:gravity="right" 
          android:text="Email" /> 
        <EditText 
          android:layout_width="300dp" 
          android:layout_height="wrap_content" /> 
      </LinearLayout> 
    </LinearLayout> 
  </LinearLayout> 
</LinearLayout> 
您可能感兴趣的文章:android 线性布局LinearLayout实例代码Android自定义控件LinearLayout实例讲解Android 布局控件之LinearLayout详细介绍Android中用StaticLayout实现文本绘制自动换行详解Android LinearLayout实现自动换行


--结束END--

本文标题: Android应用借助LinearLayout实现垂直水平居中布局

本文链接: https://lsjlt.com/news/25281.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

猜你喜欢
  • Android应用借助LinearLayout实现垂直水平居中布局
    首先说的是LinearLayout布局下的居中一般是这样的: (注意:android:layout_width="fill_parent" android:layout_hei...
    99+
    2022-06-06
    布局 居中 Android
  • 用Flexbox制作CSS布局实现水平垂直居中
    本篇内容介绍了“用Flexbox制作CSS布局实现水平垂直居中”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成...
    99+
    2024-04-02
  • CSS3如何实现水平居中、垂直居中、水平垂直居中
    小编给大家分享一下CSS3如何实现水平居中、垂直居中、水平垂直居中,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!栗子1:从最简单的水平居中开始margin: 0 ...
    99+
    2023-06-08
  • Android手机开发 使用线性布局和相对布局实现Button垂直水平居中
    居中呢,这里分两种不同布局方式的居中!分别是 LinearLayout 和RelativeLayout。 一、首先说的是LinearLayout布局下的居中: 注意:andro...
    99+
    2022-06-06
    button 布局 居中 线性 Android
  • web开发中如何实现水平垂直居中与flexbox布局
    这篇文章主要介绍了web开发中如何实现水平垂直居中与flexbox布局 ,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。行内元素的水平居中要实...
    99+
    2024-04-02
  • css怎样实现水平垂直居中
    这篇文章主要介绍css怎样实现水平垂直居中,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!假设现在给出这种场景:<div class="parent"...
    99+
    2024-04-02
  • css实现div水平和垂直居中
    这篇文章主要介绍“css实现div水平和垂直居中”,在日常操作中,相信很多人在css实现div水平和垂直居中问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”css实现div水平...
    99+
    2024-04-02
  • CSS怎么实现​水平垂直居中
    这篇文章主要介绍“CSS怎么实现水平垂直居中”,在日常操作中,相信很多人在CSS怎么实现水平垂直居中问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”CSS怎么实现水平垂直居中”的疑惑有所帮助!接下来,请跟着小编...
    99+
    2023-07-05
  • CSS中怎么实现水平、垂直居中
    这篇文章给大家介绍CSS中怎么实现水平、垂直居中,内容非常详细,感兴趣的小伙伴们可以参考借鉴,希望对大家能有所帮助。首先我先创建一个公共的模板样式<template>  <div class=...
    99+
    2023-06-08
  • 如何使用CSS实现水平垂直居中
    小编给大家分享一下如何使用CSS实现水平垂直居中,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!     仅...
    99+
    2024-04-02
  • CSS布局技巧:如何实现水平垂直居中的网页元素
    在网页设计和开发中,实现元素的水平垂直居中是经常会遇到的问题。无论是居中显示一张图片、一个文本框,还是整个页面的居中布局,正确的使用CSS布局技巧可以轻松实现这个效果。本文将介绍一些实现水平垂直居中的常用CSS方法,并提供具体的代码示例。一...
    99+
    2023-10-21
    水平居中 垂直居中 CSS布局
  • CSS中怎么用display实现水平垂直居中
    这篇文章主要介绍“CSS中怎么用display实现水平垂直居中”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“CSS中怎么用display实现水平垂直居中”文章能帮助...
    99+
    2024-04-02
  • CSS中怎么用flex实现水平垂直居中
    这篇文章主要讲解了“CSS中怎么用flex实现水平垂直居中”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“CSS中怎么用flex实现水平垂直居中”吧! 基本...
    99+
    2024-04-02
  • CSS中怎么用margin实现水平垂直居中
    这篇文章主要介绍“CSS中怎么用margin实现水平垂直居中”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“CSS中怎么用margin实现水平垂直居中”文章能帮助大家...
    99+
    2024-04-02
  • CSS布局中有关水平和垂直居中的方法总结
    这篇文章主要介绍“CSS布局中有关水平和垂直居中的方法总结”,在日常操作中,相信很多人在CSS布局中有关水平和垂直居中的方法总结问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”...
    99+
    2024-04-02
  • 怎么用纯CSS实现div水平垂直居中
    这篇文章将为大家详细讲解有关怎么用纯CSS实现div水平垂直居中,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。 要让一个DIV水平居中,只要设置可div的宽度高度就可以...
    99+
    2024-04-02
  • Div实现水平或垂直居中的方法
    本篇内容主要讲解“Div实现水平或垂直居中的方法”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“Div实现水平或垂直居中的方法”吧!先来看一个最普通的实现示例:创...
    99+
    2024-04-02
  • CSS怎么实现水平垂直同时居中
    这篇文章主要讲解了“CSS怎么实现水平垂直同时居中”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“CSS怎么实现水平垂直同时居中”吧!水平居中和垂直居中已经单...
    99+
    2024-04-02
  • css怎么实现元素水平垂直居中
    小编给大家分享一下css怎么实现元素水平垂直居中,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!一、父元素的flex布局实现元素的水平垂直居中示例代码如下:<...
    99+
    2023-06-08
  • DIV怎么实现图片水平垂直居中
    这篇文章主要讲解了“DIV怎么实现图片水平垂直居中”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“DIV怎么实现图片水平垂直居中”吧!第一种:全CSS控制,层漂浮(适用于做登陆页面) 代码如下...
    99+
    2023-06-08
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作