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

TextInputLayout的OutlinedBox未以编程方式显示

TextInputLayout是一个用于实现输入框的扩展布局的组件,它可以提供输入框的标签、错误提示等功能。OutlinedBox是TextInputLayout的一种样式,用于显示具有边框的输入框。

OutlinedBox样式的TextInputLayout可以通过编程方式显示,可以按照以下步骤进行操作:

  1. 在布局文件中添加TextInputLayout组件:
代码语言:txt
复制
<com.google.android.material.textfield.TextInputLayout
    android:id="@+id/textInputLayout"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    style="@style/Widget.MaterialComponents.TextInputLayout.OutlinedBox">

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

</com.google.android.material.textfield.TextInputLayout>
  1. 在代码中获取TextInputLayout实例,并设置相关属性:
代码语言:txt
复制
TextInputLayout textInputLayout = findViewById(R.id.textInputLayout);
textInputLayout.setBoxStrokeColor(getResources().getColor(R.color.colorAccent));
textInputLayout.setBoxStrokeWidth(2);

通过上述代码,我们可以将TextInputLayout的OutlinedBox样式以编程方式显示出来。在示例中,我们设置了边框的颜色为colorAccent,并设置了边框的宽度为2dp。

TextInputLayout的OutlinedBox样式适用于需要显示具有边框的输入框的场景,例如登录、注册、表单填写等。它可以提供更加美观和直观的用户界面,并且可以通过设置不同的属性来满足不同的设计需求。

腾讯云提供了丰富的云计算产品,其中与前端开发相关的产品包括腾讯云静态网站托管、腾讯云CDN等;与后端开发相关的产品包括腾讯云云服务器、腾讯云函数计算等;与数据库相关的产品包括腾讯云云数据库MySQL、腾讯云云数据库MongoDB等。具体产品介绍和链接地址可以参考腾讯云官方网站:https://cloud.tencent.com/

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

相关·内容

Win11 桌面快捷方式全部显示诡异现象及解决方法

Win11 桌面快捷方式全部显示诡异现象及解决方法 目录 一、现象描述 二、尝试破案 三、临时方法 四、新发现 五、简单粗暴解决方法 六、扫尾工作 独立观察员 2023 年 1 月 5 日 一、现象描述...最近在使用我电脑时,开机后,桌面的快捷方式总感觉少了很多,怀疑是之前使用了 360 桌面助手导致,但是我没有证据。...比完整多了几个未设置为显示项目): 五、简单粗暴解决方法 首先,之前用过 桌面图标设置 窗口中有一个可疑选项 ——“允许主题更改桌面图标”—— 先把它干掉再说: 然后重启电脑。...那就换一种方式,全选下面的项目,然后右键 --> 发送到 --> 桌面快捷方式,下图是发送完之后状态,可以看到上面的桌面文件夹和实际桌面文件夹中项目都多了起来,但是有重复,比如带后缀 “(2)”...原创文章,转载请注明: 转载自 独立观察员 本文链接地址: Win11 桌面快捷方式全部显示诡异现象及解决方法 [http://dlgcy.com/win11-shortcut-not-show-totally

2.3K20

现在,编程方式在 Electron 中上传文件,是非常简单!

当时,讨论区 @erikmellum 一句 "现在在Electron 中,编码方式上传文件,几乎是不可能",让我放弃了对 Electron 本身机制思考.转而,基于当时 App 已有的本地代理服务器...因为已经有了更简化方式....具体到编码方式上传文件这个问题上.这个问题完整描述应该是类似于这样: 网站有自己登录认证机制,在不需要在对网站登录机制做任何修改前提下,如何自动上传用户相关文件,比如用户头像?...但是,Electron 提供了一种全新可能.它让你可以在 Node 侧,直接拿到 Chromium 侧完整 Cookie.然后你就可以使用 Node 方式,最精简代码,最符合直觉方式来处理文件上传...先安装一个工具库: base64-img npm install base64-img --save 然后: /* 我们有足够丰富方式来获取或计算图片路径,此处默认采用方式就是: 当前目录下 test.jpeg

4.8K00

Android Socket通讯 分离服务端和客户端、发送表情消息

android:id="@+id/op_code_layout" style="@style/Widget.MaterialComponents.TextInputLayout.OutlinedBox...android:id="@+id/textInputLayout" style="@style/Widget.MaterialComponents.TextInputLayout.OutlinedBox...② 初始化Emoji2库 使用Emoji2库,有两种方式,一种是使用可下载,一种是本地绑定,可下载需要支持GoogleGMS服务,本地不需要,但是会造成apk大小增加很多。...当然我这个应用首先就用不了GMS,因为是在国内,同时我还不在意应用大小,所以采用第二种本地绑定方式。...然后我们需要在点击表情那个ImageView时候显示底部弹窗,在initView()函数中新增如下代码: //显示emoji binding.ivEmoji.setOnClickListener

2.8K30

Android Ble蓝牙App(六)请求MTU与显示设备信息

前言   在上一篇文章中已经了解了数据操作方式,而数据交互字节长度取决于我们手机与蓝牙设备最大支持长度。...xmlns:app="http://schemas.android.com/apk/res-auto" style="@style/Widget.MaterialComponents.TextInputLayout.OutlinedBox...android:id="@+id/data_layout" style="@style/Widget.MaterialComponents.TextInputLayout.OutlinedBox...我们可以将断开连接操作方式放到菜单里,这样就不占标题位置,下面我们操作一下。...Item显示和隐藏,下面你其实就可以运行了,不过还有很好方式,那就是让我们断开连接item在toolbar有空间时候显示在Toolbar上,没有空间时候就在菜单弹窗里面,我们先弄一个断开连接图标

1.2K30

Android Ble蓝牙App(五)数据操作

,有Write和Wirte No Response,我们先了解这两种方式区别: ① 概念   在BLE通信中,有两种常用写操作方式:Ble Write(带回复写操作)和Write No Response...这种写操作是一种可靠方式,确保数据传输可靠性。 Write No Response(无回复写操作):在某些情况下,客户端发送数据并不需要服务器的确认回复,或者在时间上要求更加紧凑传输。...这种写操作通常用于实时传输等不需要确认数据,减少通信延迟和增加通信吞吐量。   ...xmlns:app="http://schemas.android.com/apk/res-auto" style="@style/Widget.MaterialComponents.TextInputLayout.OutlinedBox...android:id="@+id/data_layout" style="@style/Widget.MaterialComponents.TextInputLayout.OutlinedBox

90830

TextInputLayout-Android M新控件

' 做验证~ Setting Hints 初始化对theTextInputLayout视图引用 usernameWrapper = (TextInputLayout) findViewById(R.id.usernameWrapper...其中一种就是写一个自定义方法然后在xml中通过onClick属性指定,我喜欢setOnClickListener方式,但这只是个人喜好。...另一个有趣事实是如果错误功能开启但是你调用了传入非null参数setError,那么setErrorEnabled(true)将自动被调用。...现在我们定义了什么是错误什么是正确,也知道了如何获取EditText中数据以及显示可能错误,onClick方法实现就很简单了。...每一个控件颜色都是直接通过主题颜色绘制,在 style.xml 中指定。打开它添加colorAccent 到主题改变表单颜色。

73720

Android开发笔记(一百三十八)文本输入布局TextInputLayout

众所周知,EditText输入字符时,我们可以给它显示默认提示文字hint;可是一旦输入字符,这个hint提示就消失了,虽然没有提示也没有什么大碍,但有总比没有好呀。...TextInputLayout便是用来解决提示文字显示问题,它默认把提示文字显示在编辑框上方,这样在编辑框内输入文字,就不影响上方提示文字了。...如果不用TextInputLayout,只使用EditText的话,横屏时编辑框也会显示提示文字;可是一旦加了TextInputLayout,再看横屏编辑框,发现编辑框内提示文字不见了,这是因为TextInputLayout...强行把提示文字从编辑框内挪到了编辑框上方,可这种做法没考虑到横屏时候情况,所以造成横屏反而不显示提示文字结果。...最终页面效果,便是横屏时能够在编辑框内显示提示文字了,具体页面截图如下所示: ?

1.5K30

Android Ble蓝牙App(七)扫描过滤

二、使用MMKV   因为我们修改菜单项会涉及到保存过滤设置功能,所以需要将一些参数报错到手机中,那么我们可以使用SP、DataStore等方式,但是这里我是用MMKV,主要是因为用起来比较方便,...我们看到默认是不过滤空设备名称,当选中过滤空设备名后就会过滤设备名称为空设备,只不过我们这里对于空设备名称设备显示UI还没有处理很好,下面我们简单改一下,将onScanResult()函数中这一行代码...xmlns:app="http://schemas.android.com/apk/res-auto" style="@style/Widget.MaterialComponents.TextInputLayout.OutlinedBox...android:id="@+id/data_layout" style="@style/Widget.MaterialComponents.TextInputLayout.OutlinedBox...showSettingMacDialog() } }   首先判断是否过滤,有的话就不再过滤,没有的话就显示输入

49850

Android使用TextInputLayout创建登陆页面

就如你知道,这个属性允许你在EditText内容为空时候显示一个自定义提示。一旦用户开始输入,hint会消失。这并不理想,因为用户丢失了他们输入信息上下文提示。...其中一种就是写一个自定义方法然后在xml中通过onClick属性指定,我喜欢setOnClickListener方式,但这只是个人喜好。...另一个有趣事实是如果错误功能开启但是你调用了传入非null参数setError,那么setErrorEnabled(true)将自动被调用。...现在我们定义了什么是错误什么是正确,也知道了如何获取EditText中数据以及显示可能错误,onClick方法实现就很简单了。...谷歌把Design Support Library写很好。每一个控件颜色都是直接通过主题颜色绘制,在 style.xml 中指定。打开它添加colorAccent 到主题改变表单颜色。

1.6K10

4-VVI-材料设计之沉浸标题栏和TextInputLayout

零、前言 这是两个比较小点,放在一起说一下: 沉浸标题栏:现在基本上都用沉浸标题栏了,不然最顶一小块跟app风格不搭 TextInputLayout:包裹一个EditeText,多用于登陆验证输入框...TextInputLayout.png <android.support.design.widget.TextInputLayout android:id="@+id/til2"...> 其中app:passwordToggleEnabled="true" 显示小眼睛 还有一个点是改变颜色: 可以自己定义一个主题,设置colorAccent颜色值 #ffffff ---- 后记、 1.声明: [1]本文由张风捷特烈原创,转载请注明 [2]欢迎广大编程爱好者共同交流...[3]个人能力有限,如有不正之处欢迎大家批评指证,必定虚心改正 [4]你喜欢与支持将是我最大动力

55630

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

本文主要目标是ViewModel 和 DataBinding。   从Google官方说明来看,ViewModel 类旨在注重生命周期方式存储和管理界面相关数据。...赋值时,采用了MutableLiveDatasetValue()方式,还有一种方式是postValue(),这里要注意一点setValue()只能在主线程中调用,postValue()可以在任何线程中调用...① 单向绑定   而DataBinding绑定有两种方式:单向数据绑定和双向数据绑定。...然后我们数据是需要显示在页面上,而之前是通过Activity获取xml中控件,然后显示数据在控件上,而现在有了DataBinding,可以直接和xml中数据进行绑定,这看起来和JS比较像。...第二个就是响应地方,通过这种方式显示ViewModel中对象变量数据在控件上。这里我把这两个TextView放到输入框上方 第三个地方,也是双向绑定意义,就是UI改变数据源。

14.1K86

TextInputLayout使用与实现

TextInputLayout使用 在Gradle依赖中添加上com.android.support:design:23.0.0,其中23版本根据编译android版本来调整对应版本即可 ?...Layout配置文件 TextInputLayout效果 在两个输入框切换点击切换时候,EditText中文本会有动画方式飞向左上角。 ?...TextInputLayout效果 TextInputLayout动画实现原理 原本以为在点击输入框时候,会是在EditTextFocus改变时候,开始执行动画,结果发现是在整个TextInputLayout...,0-1或者1-0速度进行变化,而在进度回调时候,会使用mCollapsingTextHelper来更新当前变化值 ?...TextInputLayout.onLayout 在TextInputLayoutdraw中,会根据onLayout中计算出CollapsingTextHelper矩形位置以及缩放大小开始绘制文字

1.2K40

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

本文主要目标是ViewModel 和 DataBinding。   从Google官方说明来看,ViewModel 类旨在注重生命周期方式存储和管理界面相关数据。...赋值时,采用了MutableLiveDatasetValue()方式,还有一种方式是postValue(),这里要注意一点setValue()只能在主线程中调用,postValue()可以在任何线程中调用...① 单向绑定   而DataBinding绑定有两种方式:单向数据绑定和双向数据绑定。...然后我们数据是需要显示在页面上,而之前是通过Activity获取xml中控件,然后显示数据在控件上,而现在有了DataBinding,可以直接和xml中数据进行绑定,这看起来和JS比较像。...第二个就是响应地方,通过这种方式显示ViewModel中对象变量数据在控件上。这里我把这两个TextView放到输入框上方 第三个地方,也是双向绑定意义,就是UI改变数据源。

2.2K32

Android 低功耗蓝牙开发 (扫描过滤、自定义服务与特性)Kotlin版

① 页面设计   在添加功能同时要考虑页面的合理和UI美化,不能说怎么简单怎么来,对自己要有要求,首先看看之前扫描页面 首先页面上很空旷,那么我们增加功能可以使用隐藏方式,例如加一个菜单,右上角加三个点...③ 过滤设置弹窗   说到弹窗最简单方式就是使用Android自带弹窗,我比较喜欢用底部弹窗BottomSheetDialog,基本满足需求就不需要自己去自定义了。...代码如下: 上图中有两处地方用到了这个常量值NULL_NAME,一个是存一个是取,这里还只是针对于弹窗中设置和显示效果不同,还没有对实际扫描结果进行处理,这个代码应该是很好理解。...代码如下图所示: 这里当拖动Seekbar时,改变TextView显示内容,当拖动结束时保存进度值到缓存中,然后处理弹窗这个窗时页面显示状态,我这里通过getInt(RSSI,100)去获取本地缓存...setBackgroundColor(Color.TRANSPARENT) }.show() ③ 添加菜单   这里我会改变之前菜单,因为考虑到扫描过滤可能是一个常用菜单,最好方式就是页面直接可见

1.1K10
领券