开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

TextInputLayout的OutlinedBox未以编程方式显示

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

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

在布局文件中添加TextInputLayout组件：

<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>

在代码中获取TextInputLayout实例，并设置相关属性：

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/

相关搜索:TextInputLayout以编程方式更改颜色以编程方式动态更改TextInputLayout的焦点颜色未显示以编程方式创建的TextView 如何在中以编程方式设置TextInputLayout的colorControlActivated 我以编程方式创建的textView未显示以编程方式旋转显示？以编程方式显示全屏以编程方式更改TextInputLayout焦点和非焦点提示颜色以编程方式添加的引用未应用如何以编程方式取消选择TextInputLayout的边框页眉部分未以编程方式显示在集合视图中 SWIFT:未以编程方式在TableViewCell中显示CAGradientLayer属性 jQuery Validator,以编程方式显示错误以编程方式显示iPhone/iPad UDID 以编程方式创建和显示ProgressBar Android未以编程方式连接到WIFI Reactjs:以编程方式关注以编程方式生成的输入以编程方式追加脚本时未捕获的异常 Swift 4上以编程方式显示的按钮以编程方式关闭按住耳朵时的显示

相关搜索:

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

以编程方式执行Spark SQL查询的两种实现方式

* Spark SQL * 通过反射推断Schema * by me: * 我本沉默是关注互联网以及分享IT相关工作经验的博客， * 主要涵盖了操作系统运维、计算机编程、项目开发以及系统架构等经验...t_person") //传入SQL val df = sqlContext.sql("select * from t_person order by age desc limit 2") //显示... df.show() //以json方式写入hdfs //df.write.json("hdfs://ns1:9000/wc") sc.stop() } } //定义样例类 case...计算机编程、项目开发以及系统架构等经验。 ... df.show() //以json方式写入hdfs //df.write.json("hdfs://ns1:9000/wc") sc.stop() } }

2K2 0

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

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

2.8K2 0

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

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

5.1K0 0

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上，没有空间的时候就在菜单弹窗里面，我们先弄一个断开连接的图标

3K3 0

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库，有两种方式，一种是使用可下载的，一种是本地绑定的，可下载需要支持Google的GMS服务，本地的不需要，但是会造成apk的大小增加很多。...当然我这个应用首先就用不了GMS，因为是在国内，同时我还不在意应用大小，所以采用第二种本地绑定的方式。...然后我们需要在点击表情那个ImageView的时候显示底部弹窗，在initView()函数中新增如下代码： //显示emoji binding.ivEmoji.setOnClickListener

3K3 0

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

1.4K3 0

如何在 C# 中以编程的方式将 CSV 转为 Excel XLSX 文件

在本文中，小编将为大家介绍如何在Java中以编程的方式将【比特币-美元】市场数据CSV文件转化为XLSX 文件。...块之后）以处理工作簿中的 CSV ： BTCChartController.Get（续） public static void processWorkbook(Workbook workbook){...，并重新排列列以将 Volume 列放在 Date 和 Open列之间。...趋势线以蓝色显示成交量的三个月移动平均线，以绿色显示最高价，以红色显示最低价。...vnd.openxmlformats-officedocument.spreadsheetml.sheet", "BTC_Chart.xlsx"); } } // Get() 运行结果如下所示：总结以上就是在C# 中以编程的方式将

2521 0

TextInputLayout-Android M新控件

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

7792 0

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() } } 首先判断是否过滤，有的话就不再过滤，没有的话就显示输入

7325 0

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

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

2K3 0

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

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

5823 0

以编程方式制作视频的React框架：Remotion

前端工程师们，有一个好消息—Remotion 这个神奇的框架可以彻底改变你的视频制作方式！如果你已经熟悉 React，那么现在你可以通过它轻松创建高质量的视频了。...答案很简单，Remotion 让你可以用编程的思维来控制视频的每一个细节，而这正是传统视频软件所无法企及的。当然局限也是普遍小白上手难度是巨大的。...想象一下，将网页开发中的一切技术都应用到视频制作中，这种可能性有多大？ ②利用编程的力量使用代码来操控视频，这听起来是不是有点酷？...它打破了视频制作的界限，将编程与多媒体结合，创造出前所未有的可能性。对于前端开发者来说，Remotion 不仅是一个有趣的玩具，更是一个实用的工具。...你可以用它为公司制作宣传视频、为项目生成动态内容，甚至可以将数据可视化以视频的形式呈现出来。

2671 0

Android之MaterialDesign应用技术2-仿支付宝上滑搜索框缓慢消失

这里可以看出我在ImageView中加入了高度180dp，这里是一定要加上的，否侧toolbar的会出现以下几种错误，1:文字不显示。2：只显示标题栏。3：图片过大充满整个屏幕。...match_parent" android:layout_height="180dp" android:scaleType="fitXY" //图片显示方式...这时候TextInputLayout则是显示错误，TextInputLayout是LinearLayout的子类，用于辅助显示提示信息。...当EditText获取得光标的时候，EditText的hint会自己显示在上方，并且有动画过渡。 ?...> 这里要注意的是Id是加在 TextInputLayout上，在Activity中获取也是获取的layout，那么怎么获取edittext输入的数据呢，有方法的。

1.6K10 0

Android Socket通讯

android:id="@+id/op_code_layout" style="@style/Widget.MaterialComponents.TextInputLayout.OutlinedBox...ServerSocket的构建，构建成功之后会监听连接，得到一个socket，这个socket就是客户端，这里将连接客户端的地址显示出来。...然后就是根据isServer去设置服务端布局和客户端布局的显示状态，同时还需要设置底部输入框的提示文字。...⑥ 显示消息内容在服务端和客户端连接之后，服务端发送消息之后，客户端收到，客户端发送消息之后，服务端收到。在①中我们实现了接口，现在只要将接口返回的消息显示出来就行了。...ItemRvMsgBinding init { mView = itemView } } } 这里就是RecyclerView+ViewBinding的使用方式

2.3K6 0

TextInputLayout的使用与实现

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

1.2K4 0

Android MVVM框架搭建（一）ViewModel + LiveData + DataBinding

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

17K9 7

Android Socket通讯

android:id="@+id/op_code_layout" style="@style/Widget.MaterialComponents.TextInputLayout.OutlinedBox...ServerSocket的构建，构建成功之后会监听连接，得到一个socket，这个socket就是客户端，这里将连接客户端的地址显示出来。...然后就是根据isServer去设置服务端布局和客户端布局的显示状态，同时还需要设置底部输入框的提示文字。...⑥ 显示消息内容在服务端和客户端连接之后，服务端发送消息之后，客户端收到，客户端发送消息之后，服务端收到。在①中我们实现了接口，现在只要将接口返回的消息显示出来就行了。...ItemRvMsgBinding init { mView = itemView } } } 这里就是RecyclerView+ViewBinding的使用方式

2.3K2 0

Android MVVM框架搭建（一）ViewModel + LiveData + DataBinding

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

2.7K3 2

安卓软件开发：用Java和Kotlin构建MDC-UI框架实现LoginUI（基础）

应用Logo：显示Shrine的徽标图片。...2.2运行Gradle 依赖项添加完成后，运行Gradle任务下载所有依赖包，工作做好准备，接下来开始开发 2.3 添加XML布局文件在nim_login_fragment.xml文件中，使用MDC的TextInputLayout...和TextInputEditText创建用户名和密码输入的字段： TextInputLayout android:layout_width...解决方法：通过 NavigationHost 或 NavController 等方式实现 Fragment 的导航管理，保证界面跳转的流畅性。...四、学习笔记在开发过程中，积累了MDC框架技术的学习心得： 4.1.Material Components (MDC) 深入学习了MDC组件如TextInputLayout、MaterialButton

44910 1

再不迁移到Material Design Components 就out啦

MDC 1.1.0更改了一些默认的小部件样式，以更好地符合“材料设计”准则。... +TextInputLayout” parent=”Widget.Design.TextInputLayout”> +...下面这几种情况应该考虑在布局中写的控件如果有对应的 MDC 控件的话，直接使用 MDC 控件任何的风格，默认风格和默认风格属性应该改变成 MDC 版本在编程中或者自定义类的父级类使用的任何控件都应该为...如果你想要改变字体的话，建议也把剩余的 12 修改了，以保持APP中字体的一致性。...Shape ShapeAppearance styles/attributes Shape（ Material Design shape system）是用来处理 MDC 控件的边角的一种方式，分成了小

3.2K3 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭