首页
学习
活动
专区
工具
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}就是将输入的数据直接赋值给数据源。

17K97

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

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

2.7K32
  • 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小部件实现此组件。 一个显示在应用底部的材质小部件,用于在少量视图中进行选择,通常介于3到5之间。...输入和选择 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 标准的字体样式。

    15710

    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.4K30

    【软件开发规范七】《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控件绑定到数据库中的某个字段,以显示该字段的值。

    56623

    新工具根据设计生成Angular组件

    然后可以将代码导出到 Web 的 Angular 和移动端的 React Native。...Auto Code 的功能 Auto Code 将基于 Material 3 的 Figma 设计转换为 UI 元素、应用程序导航和交互的生产就绪代码。...它还提供常用的移动应用程序组件,包括底部导航。 表示:“我们看到在 Web 和移动应用程序中普遍存在的模式,然后我们将这些模式组件化并添加到产品中。”...我们的 AI 模型识别设计中的所有组件,然后将设计中的组件分组到逻辑的高阶抽象中——例如表单、表格网格、卡片列表——无论它们是垂直的还是水平的。” 它也识别高阶抽象。...WaveMaker 还提供 WaveMaker CoPilot,这是一个 AI 驱动的助手,位于 WaveMaker 的开发工作室中,可以为 WaveMaker AutoCode 生成的 UI 提供基于提示的

    8600

    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.2K101

    【愚公系列】《微信小程序与云开发从入门到实践》041-开发一个移动记事本小程序

    通过小程序,我们能够将简单的记事功能与丰富的用户体验结合起来,让用户随时随地记录下重要的想法和任务。在本篇文章中,我们将带您一步步实现一个功能完善的移动记事本小程序。...一、开发一个移动记事本小程序本节将运用前面所学的数据持久化技术来编写一个实战小程序应用--移动记事本。...title:设置了记事标题输入框的样式,字体斜体,并添加了底部边框。.content:设置了记事内容的输入框样式,背景色为黄色,并且具有圆角和阴影效果。....使用 wx.setStorageSync() 将记事标题和内容保存到本地存储。这里使用 JSON.stringify() 将数据转换为字符串进行存储。显示保存成功的提示,1秒后自动返回到上一页面。...3.8 后续改进:云开发云开发解决方案:考虑到本地存储的局限性,可以将记事数据存储到云端,这样数据能够跨设备同步,不会因设备更换或本地存储清空而丢失。

    23640

    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

    交互设计控件之按钮设计

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

    1.7K50
    领券