首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

Material TextInputEditText无法将提示居中并将输入值移动到底部

Material TextInputEditText 是 Android Material Design 中提供的一种输入框控件,可以用于获取用户输入的文本。

在使用 Material TextInputEditText 时,要实现将提示居中并将输入值移动到底部的效果,可以通过以下步骤实现:

  1. 使用 TextInputLayout 包裹 TextInputEditText,TextInputLayout 是一个容器控件,可以在输入框上方显示提示文本。
  2. 在 XML 布局文件中,将 TextInputLayout 包裹 TextInputEditText,并设置相应的属性。例如,将 app:hintEnabled 设置为 "true",启用提示文本,将 app:hintTextAppearance 设置为指定的样式,用于设置提示文本的样式。
  3. 在 Java 代码中,可以通过设置 TextInputLayout 的属性来实现提示居中和输入值移动到底部的效果。例如,可以使用 textinputLayout.setHintAnimationEnabled(false) 关闭提示文本的动画效果,使用 textinputLayout.setHintGravity(Gravity.CENTER) 将提示文本居中,使用 textinputLayout.setBoxBackgroundMode(TextInputLayout.BOX_BACKGROUND_OUTLINE) 设置输入框的边框样式。

以下是一个示例代码:

XML 布局文件:

代码语言:txt
复制
<com.google.android.material.textfield.TextInputLayout
    android:id="@+id/textInputLayout"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    app:hintEnabled="true"
    app:hintTextAppearance="@style/MyTextInputLayout">

    <com.google.android.material.textfield.TextInputEditText
        android:id="@+id/textInputEditText"
        android:layout_width="match_parent"
        android:layout_height="wrap_content" />
</com.google.android.material.textfield.TextInputLayout>

Java 代码:

代码语言:txt
复制
TextInputLayout textInputLayout = findViewById(R.id.textInputLayout);
textInputLayout.setHintAnimationEnabled(false);
textInputLayout.setHintGravity(Gravity.CENTER);
textInputLayout.setBoxBackgroundMode(TextInputLayout.BOX_BACKGROUND_OUTLINE);

以上是实现 Material TextInputEditText 将提示居中并将输入值移动到底部的方法。关于 Material TextInputEditText 的更多信息和使用方法,您可以参考腾讯云的官方文档:Material TextInputEditText 文档

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

Android MVVM框架搭建(一)ViewModel + LiveData + DataBinding

DataBinding数据绑定库是一种支持库,借助该库,您可以使用声明性格式(而非程序化地)布局中的界面组件绑定应用中的数据源。...layout里面,再增加一个数据源,也就是user对象,然后再底部的两个tv_account和tv_pwd两个TextView中的text属性中绑定了user对象中的属性。...上图的代码就是通过更改数据然后通知xml做更改,初始化的修改时admin、123456。然后再通过输入框去修改。...下面运行一下: ② 双向绑定   双向绑定是建立在单向绑定的基础上,实际的开发中用到双向绑定的地方并没有单向绑定多,双向绑定举一个例子,在输入输入数据时候直接数据源中的数据进行改变,这里会用到...我们都知道当输入输入时,text属性会改变为输入的数据,而@={viewModel.user.account}就是输入的数据直接赋值给数据源。

15.9K97

Android MVVM框架搭建(一)ViewModel + LiveData + DataBinding

DataBinding数据绑定库是一种支持库,借助该库,您可以使用声明性格式(而非程序化地)布局中的界面组件绑定应用中的数据源。...layout里面,再增加一个数据源,也就是user对象,然后再底部的两个tv_account和tv_pwd两个TextView中的text属性中绑定了user对象中的属性。...上图的代码就是通过更改数据然后通知xml做更改,初始化的修改时admin、123456。然后再通过输入框去修改。...下面运行一下: ② 双向绑定   双向绑定是建立在单向绑定的基础上,实际的开发中用到双向绑定的地方并没有单向绑定多,双向绑定举一个例子,在输入输入数据时候直接数据源中的数据进行改变,这里会用到...我们都知道当输入输入时,text属性会改变为输入的数据,而@={viewModel.user.account}就是输入的数据直接赋值给数据源。

2.5K32
  • flutter 起步

    flutter简介Flutter是谷歌的移动UI框架,可以运行在ios与android系统上,可以以完成app的开发,使用情况页面大多数涉及flutter 开发的app 都是混合开发,占比并不多。...BackButton:返回按钮的组件Chip:材料设计中非常有趣的一个组件Divider:分割线的组件Card:卡片状的容器组件AlertDialog:一个弹框的组件flutter问题:Flutter通过新的代码注入正在运行的...热刷新无法实现更新时,执行一次热重启(Hot Restart)就可以全量更新所有代码,同样不需要重启App,区别是restart会将所有Dart代码打包同步设备上,并且所有状态都会重置。...centerTitle → bool - 标题是否居中显示,默认根据不同的操作系统,显示方式不一样。...默认由Material 控件的ThemeData.canvasColor决定,具体实现可以看下面代码2.BottomNavigationBarType.shifting(代表tab是浮动的)(1).底部

    4.5K20

    Flutte部件目录-Material Components 顶

    实现Material Design指南的视觉,行为和运动丰富的小部件。 应用程序结构和导航 按钮 输入和选择 对话框,弹出框和面板 信息显示 布局 查看Flutter窗口小部件目录中的更多小部件。...底部导航栏可轻松浏览并在单次点击之间在顶层视图之间切换。 BottomNavigationBar小部件实现此组件。 一个显示在应用底部的材质小部件,用于在少量视图中进行选择,通常介于35之间。...输入和选择 TextField 触摸文本字段放置光标并显示键盘。 TextField部件实现了这个组件。 ? Checkbox 复选框允许用户从一组中选择多个选项。...Slider 通过移动滑块,滑块可让用户从一系列中进行选择。 ? Date & Time Pickers 日期选择器使用对话窗口在移动设备上选择一个日期。...按钮封装在工具提示窗口小部件中,以便在按下窗口小部件时(或者当用户采取其他适当的操作时)显示标签。 ? DataTable 数据表显示一组原始数据。 它们通常出现在桌面企业产品中。

    9.5K40

    HarmonyOS-UIAbitity-枚举说明——【坚果派-红目香薰】

    Forwards 目标保留动画执行期间最后一个关键帧的状态。 Backwards 动画将在应用于目标时立即应用第一个关键帧中定义的,并在delay期间保留此。...Top 顶部横向居中。 TopEnd 顶部尾端。 Start 起始端纵向居中。 Center 横向和纵向居中。 End 尾端纵向居中。 BottomStart 底部起始端。...Bottom 底部横向居中。 BottomEnd 底部尾端。 TransitionType 名称 描述 All 指定当前的Transition动效生效在组件的所有变化场景。...Center 元素在Flex容器中,交叉轴方向居中对齐。 End 元素在Flex容器中,交叉轴方向底部对齐。...目前,只有为重定向目标页面而配置的静态效果才会生效。 Exchange 源页面元素移动到目标页面元素位置并适当缩放。 FontStyle 名称 描述 Normal 标准的字体样式。

    14810

    compose--初入compose、资源获取、标准控件与布局

    声明式UI也是未来的一个主流趋势,本人也是一年前学习后,并没有真正的使用,所以本着边学习,边分享的心态,准备写个compose系列的文章 首先compose目前只支持kotlin,基于google对移动端的鸿图...至于声明式UI和命令式UI的区别,相信你会在后续实际使用时有很大的感触 一、认识compose 通过官方文档我们可以了解compose的编程思想。...TextField( value = text,//text 与TextField进行绑定 onValueChange = { text = it },//当输入发生变换时...,改变text,从而引起状态的刷新,进而重组 label = { Text("hint") }//提示 ) } 效果: 3.2 TextFieldValue value的参数类型除了支持...floatingActionButton floatingActionButton是专门为FloatingActionButton准备的槽位,配合floatingActionButtonPosition可以改变槽位的位置,目前只支持底部居中底部靠右

    6.1K30

    【软件开发规范七】《Android UI设计规范》

    通过这个动画,点击的位置与所操作的元素关联起来,体现了 Material Design 动画的功能性。 ** 转场效果 ** 通过过渡动画,表达界面之间的空间与层级关系,并且跨界面传递信息。 ​...Snackbars在移动设备上,出现在底部。在PC上,应该悬浮在屏幕左下角。 ​编辑 不一定要用户响应的提示,可以使用Snackbars。非常重要的提示,必须用户来决定的,应该用对话框。 ​...编辑 ​编辑 输入提示文字,可以在输入内容后,缩小停留在输入框左上角 ​编辑 整个点击区域增高,提示文字也是点击区域的一部分 ​编辑 通栏输入框是没有横线的,这种情况下通常有分隔线输入框隔开...编辑 ​编辑 通栏输入框也可以有字数统计,单行的字数统计显示在同一行右侧 ​编辑 错误提示显示在输入框的左下方。默认提示文本可以转换为错误提示。 ​...编辑 ​编辑 字数限制与错误提示都会使点击区域增高。 ​编辑 同时有多个输入框错误时,顶部要有一个全局的错误提示 ​编辑 输入框尽量带有自动补全功能。 ​

    5.1K20

    【愚公系列】2023年11月 Winform控件专题 TextBox控件详解

    它可以设置为以下三种之一:Upper:强制所有输入转换为大写形式。Lower:强制所有输入转换为小写形式。Normal(默认):不更改文本的大小写形式。...用户无法在文本框中输入或编辑任何内容。1.7 ShortcutsEnabledShortcutsEnabled属性是Winform中设置快捷键是否开启的属性,其类型为bool。...、右对齐、居中对齐外,TextAlign属性还支持如下的对齐方式:ContentAlignment.BottomCenter:底部居中对齐ContentAlignment.BottomLeft:底部左对齐...ContentAlignment.BottomRight:底部右对齐ContentAlignment.MiddleCenter:居中对齐ContentAlignment.MiddleLeft:左对齐ContentAlignment.MiddleRight...数据展示:TextBox控件绑定数据源,以显示数据。例如,TextBox控件绑定数据库中的某个字段,以显示该字段的

    50823

    Flutter 入门指北之基础部件

    ,就是通常看到的底部 TAB 切换部件 this.bottomSheet, // 展示从底部弹出的,起到提示作用的,通过 showModalBottomSheet 展示 this.backgroundColor..., // 界面的背景色 this.resizeToAvoidBottomPadding = true, // 避免 body 被底部弹出部件填充,例如输入法键盘 this.primary...this.iconTheme, // 按钮的默认样式 this.textTheme, // 文字的默认样式 this.primary = true, this.centerTitle, // 是否展示的...大小,间距等等属性,这边就不继续展示 TextStyle 构造函数了,不然我怕大家都不想继续看了,稍后通过例子来说明 this.textAlign, // 文字的对齐方式,包括左对齐,右对齐,居中等...这篇终于末尾了,最后留了 3 个坑等以后解决 ?

    1.3K30

    Material Design — 提示框( Dialogs)

    提示框( Dialogs) Material Design链接:提示框 ?...全屏提示框(仅限手机) 全屏对话框最适合于复杂的任务,或需要输入法编辑器,因为它可以在保存之前一系列任务组合在一起。...不该有明确的取消按钮 明确说明 ·在简单提示框中,行高可以变化; ·简单的对话框在屏幕上垂直和水平都居中显示; ·提示框与屏幕左右边缘的距离应该至少为40dp,距离顶部和底部至少为24dp; ·该对话框的内容距离提示框边缘为...确认单个 确认提示框可以使用列表以外的布局,例如日期选择器,但仍然专注于选定单个(选择日期,但不选择时间和日期)。 ?...全屏提示框可用于满足以下标准的内容或任务: ·该提示框包含需要输入编辑器(IME)的组件(如选择器或form fields),例如键盘 ·当没有实时保存更改时 ·当app中没有草稿功能时(无法自动存到草稿

    5.1K101

    交互设计控件之按钮设计

    这样用户这一步的时候,注意力会集中在这仅有的一个按钮上,并能够注意这里的提示信息(如果你想提示警告信息写在弹框内容里,用户极有可能没看就点击了按钮)。...PC端一般会将导航放在头部或者侧边,而根据移动端的操作行为,导航放在底部移动端是一个更好的做法。 关于移动端的底部导航设计,有几个原则可以参考借鉴。 1.只使用3~5个最重要的导航按钮。...不要使用多种颜色,否则用户也无法区分当前的位置。如下图,左边是错误的做法。 3.标签问题 导航按钮需要有标签,而但凡是标签,规则都只有一个——短而清晰。...用户要够第一眼就发现,并知道这是一个可以点击的按钮,尤其是在那些需要用户完成输入之后确认的地方。 在移动端,有一个需要特别注意的是按钮的大小。...如果你真的要使用,你最好先认真了解一下google 的 Material Design的设计规范。

    1.7K50

    Material Design — 底部导航(Bottom Navigation)

    底部导航(Bottom Navigation) Material Design链接:底部导航 ? 底部导航 底部导航条能够通过单次点击动作,轻易的进行一级页面之间的切换。...点击底部导航的图标可以:1、直接将你带到相关页面;2、刷新当前页面。 底部导航主要用于移动端,为了在pc端实现类似效果,可以使用侧边导航。...规格 每个部分的宽度:底部导航的宽度除以一级页面数量(最大为168dp,最小为80dp) 高度:56dp 图标:24×24dp ---- 用法 底部导航提供了一个在一级页面之间的快速导航方式,主要用户移动端...底部导航栏可以从一个主题中的n级页面移动到另一个主题的一级页面。当用户去往下级页面时要保持底部导航可用,可通过持续展示,或者通过滚动隐藏和显示。...底部导航icon 点击底部导航icon直接带你相关页面,或刷新当前页面。每个icon必须指向目的地,并且不能打开菜单或对话框。

    4.1K90

    Flutter学习

    TextField:输入框(TextEditingController) Expanded:填充剩余布局,组件有个参数flex,可以实现比例分配。...例如,RaisedButton有一个onPressed参数 如果Widget不支持事件监听,则可以将该Widget包装到GestureDetector中,并将处理函数传递给onTap参数。...默认为 ThemeData.primaryIconTheme centerTitle 标题是否居中显示,默认根据不同的操作系统,显示方式不一样。...路由推入(push)导航器的栈中,将会显示更新为该路由页面。 从导航器的栈中弹出(pop)路由,显示返回到前一个路由。...MethodChannel与原生交互 Flutter 集成现有应用 Flutter 与 Android 的相互通信 File > New > New Module > flutter 新建自己项目目录下

    2.6K20
    领券