标签: android-textinputlayout

我的 android sudio 设计编辑器不渲染材质 TextInputLayouts。我已经尝试过使缓存无效。所有其他元素也正确渲染其他材质元素

                   <com.google.android.material.textfield.TextInputLayout
                    android:id="@+id/ti"
                    android:layout_width="match_parent"
                    android:layout_height="match_parent"
                    android:layout_marginTop="20dp"
                    android:layout_marginEnd="30dp"
                    android:layout_marginBottom="20dp"
                    android:hint="@string/street_number">

                    <com.google.android.material.textfield.TextInputEditText
                        android:layout_width="match_parent"
                        android:layout_height="50dp"
                        android:inputType="text"
                        android:text="@{vm.user.streetnumber}" />
                </com.google.android.material.textfield.TextInputLayout>

我正在使用 Material 在 android studio 中使用 Java 设计一个带有下拉列表的表单。

我想将用户从下拉列表中所做的选择保存到一个字符串中，这样我就可以将其保存到 Firebase，但是当我尝试记录结果时，它说选择为空。

有谁知道我如何捕获用户从这种类型的下拉菜单中选择的内容？我以前确实有一个可以工作的 Spinner，但这似乎并没有以相同的方式工作。

我的XML代码如下

 <com.google.android.material.textfield.TextInputLayout
            android:id="@+id/cpdTypeLayout"
            style="@style/Widget.MaterialComponents.TextInputLayout.OutlinedBox.ExposedDropdownMenu"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginStart="16dp"
            android:layout_marginEnd="16dp"
            android:hint="Activity Type">

            <AutoCompleteTextView
                android:id="@+id/cpdType"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:inputType="none" />
        </com.google.android.material.textfield.TextInputLayout>

我的 AddAdactivity.java 代码是

//CPD TYPE DROPDOWN MENU
    cpdTypeLayout = findViewById(R.id.cpdTypeLayout);
    cpdType = findViewById(R.id.cpdType);

    String[] type = new String[]{
            "Formal Education Completed", "Other Completed", "Professional Activities", "Self-Directed Learning", "Work-Based Learning"
    };

    ArrayAdapter<String> adapterType = new ArrayAdapter<>(
            AddActivity.this,
            R.layout.dropdown_item,
            type
    );

    cpdType.setAdapter(adapterType);

    cpdType.setOnItemSelectedListener(new AdapterView.OnItemSelectedListener() {
        @Override
        public void onItemSelected(AdapterView<?> parent, View view, int …

在RelativeLayout我有一个TextInputLayout地方EditText可以输入电话号码，还有Textview一个LinearLayout地方可以显示国家/地区代码。当我们开始输入“TextInputLayout”时，滑动到顶部，但我希望它滑动到如图 3 所示的位置。

我遇到了这方面的问题有人可以帮助我吗？这是我的代码：

<RelativeLayout
                                android:layout_width="match_parent"
                                android:layout_height="wrap_content"
                                >
        
                                <LinearLayout
                                    android:layout_width="wrap_content"
                                    android:layout_height="wrap_content"
                                    android:layout_alignStart="@+id/error_mobile_no"
                                    android:layout_alignTop="@+id/error_mobile_no"
                                    android:layout_alignBottom="@+id/error_mobile_no"
                                    android:layout_marginTop="0dp"
                                    android:layout_marginBottom="0dp"
                                    android:gravity="center"
                                    android:orientation="horizontal">
        
                                    <TextView
                                        android:id="@+id/country_code_textview"
                                        android:layout_width="wrap_content"
                                        android:layout_height="wrap_content"
                                        android:fontFamily="@font/lorin_regular"
                                        android:text="+971"
                                        android:layout_marginBottom="2dp"
                                        android:textColor="@color/black"
                                        android:textSize="14sp" />
                                </LinearLayout>
        
                                <com.google.android.material.textfield.TextInputLayout
                                    android:id="@+id/error_mobile_no"
                                    android:layout_width="match_parent"
                                    android:layout_height="wrap_content"
                                    android:layout_marginEnd="20dp"
                                    android:layout_marginStart="20dp"
                                    app:errorEnabled="true">
        
                                    <EditText
                                        android:id="@+id/etPhoneNumberDetailedActivity"
                                        android:layout_width="match_parent"
                                        android:layout_height="wrap_content"
                                        android:layout_gravity="start"
                                        android:autofillHints=""
                                        android:paddingStart="35dp"
                                        android:backgroundTint="#6283a3"
                                        android:fontFamily="@font/lorin_regular"
                                        android:hint="@string/mobile_number"
                                        android:inputType="phone"
                                        android:textColor="@color/black"
                                        android:textColorHint="#6283a3" android:textSize="14sp" />
                                </com.google.android.material.textfield.TextInputLayout>
                            </RelativeLayout>

这是输入文本之前的字段图像。

这是输入文字后的图像。

但我正在努力让它看起来像这样。

我有一个文本输入布局，里面有文本输入编辑文本。文本输入编辑文本在末尾有一个 Drawable。我想要实现的是在单击时使可绘制对象在最后执行某些操作，例如显示 Toast 消息

下面是我的 XML 代码

<com.google.android.material.textfield.TextInputLayout
            android:id="@+id/til_toast"
            style="@style/Widget.MaterialComponents.TextInputLayout.OutlinedBox"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginStart="5dp"
            android:layout_marginLeft="5dp"
            android:layout_marginTop="5dp"
            android:layout_marginEnd="5dp"
            android:layout_marginRight="5dp"
            android:layout_marginBottom="5dp"
            android:padding="3dp">

            <!--android:maxLength="13"-->
            <com.google.android.material.textfield.TextInputEditText
                android:id="@+id/et_toast"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:drawableEnd="@drawable/ic_calendar"
                android:drawableRight="@drawable/ic_calendar"
                android:hint="@string/date_from"
                android:inputType="date" />

        </com.google.android.material.textfield.TextInputLayout>

我怎样才能做到这一点

TextInputLayout endIconDrawable 显示为灰色而不是所需的图像。

只有该图像呈现为灰色。我尝试将图像作为 png 并导入 svg 作为矢量资源。

两者都没有按预期工作。

我尝试在 TextInputLayout 中设置图像：

<com.google.android.material.textfield.TextInputLayout
            android:id="@+id/chatFragment_TIL1"
            android:layout_width="match_parent"
            android:layout_height="50dp"
            app:boxBackgroundMode="outline"
            android:layout_toRightOf="@id/chatFragment_imageView2"
            android:layout_marginStart="15dp"
            app:boxCornerRadiusTopStart="@dimen/TIL_CornerRadius2"
            app:boxCornerRadiusTopEnd="@dimen/TIL_CornerRadius2"
            app:boxCornerRadiusBottomStart="@dimen/TIL_CornerRadius2"
            app:boxCornerRadiusBottomEnd="@dimen/TIL_CornerRadius2"
            app:endIconMode="custom"
            app:endIconDrawable="@drawable/ic_message_send_icon"
            style="@style/TextInputLayoutStyle"
            app:hintEnabled="false">

            <com.google.android.material.textfield.TextInputEditText
                android:id="@+id/chatFragment_TIET1"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:inputType="textPersonName"
                android:fontFamily="@font/inter_regular"
                android:textColor="@color/black_text_dark"
                android:hint="@string/chatFragment_Text1"
                android:textSize="@dimen/normalText1"
                />
        </com.google.android.material.textfield.TextInputLayout>

我还在文本输入更改上更改它，如下所示：

if(s.length() > 0){
                    inputMessageTIL.setEndIconDrawable(R.drawable.ic_message_send_icon);
                } else {
                    inputMessageTIL.setEndIconDrawable(R.drawable.ic_mic);
                }

这是矢量绘图代码：

<vector xmlns:android="http://schemas.android.com/apk/res/android"
    android:width="32dp"
    android:height="32dp"
    android:viewportWidth="32"
    android:viewportHeight="32">
  <path
      android:pathData="M16,16m-16,0a16,16 0,1 1,32 0a16,16 0,1 1,-32 0"
      android:fillColor="#6B4EFF"/>
  <path
      android:pathData="M22.5,9.5L14.25,17.75M22.5,9.5L17.25,24.5L14.25,17.75M22.5,9.5L7.5,14.75L14.25,17.75"
      android:strokeLineJoin="round"
      android:strokeWidth="1.5"
      android:fillColor="#00000000"
      android:strokeColor="#ffffff"
      android:strokeLineCap="round"/>
</vector>

这是我使用的png格式的图像

这就是我现在得到的..灰色圆圈图像..

请帮我。我无法使用其他图像。多谢！

我能够为包装EditText的TextInputLayout更改浮动标签的颜色.当它在动画阶段使用下面的代码浮动时,我可以使用"android:textColor"选择黑色(默认为白色).我试图在EditText变得不聚焦时选择不同的颜色 - 这意味着当浮动标签在EditText上方永久化时.我的最低API是14.请指教.

partial themes.xml文件:

<?xml version="1.0" encoding="utf-8"?>

<style name="AppTheme" parent="AppTheme.Base"/>

<style name="AppTheme.Base" parent="Theme.AppCompat.NoActionBar" >
...
</style>

<style name="FloatingLabel" parent="@android:style/TextAppearance" >
    <item name="android:textColor">#000000</item>
</style>

部分layout.xml文件:

...
<android.support.design.widget.TextInputLayout
    android:id="@+id/ToDo_text_input_layout"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    app:hintTextAppearance="@style/FloatingLabel"
    >
...

我刚刚开始使用TextInputLayout在android中启用浮动提示.我是这样做的:

<android.support.design.widget.TextInputLayout
    android:id="@+id/text_input_layout_password"
    style="@style/TextInputLayout"
    android:layout_below="@+id/line1">

    <EditText
        style="@style/EditText"
        android:id="@+id/password"
        android:hint="Password"
        android:inputType="textPassword" />
</android.support.design.widget.TextInputLayout>

问题出现在这里.我必须TextInputLayout为我的所有EditText领域写同样的东西.我有7个字段的注册活动.有没有办法TextInputLayout一次性实现所有的EditTexts？或者我必须写七次？

我正在使用nativescript创建一个表单,我希望我的字段有像TextInputLayout一样的浮动提示,我发现这个插件nativescript-textinputlayout技术上完全符合我的要求,但问题是我使用我的应用程序使用了角度2,并且我似乎无法弄清楚如何使用角度为2的插件.有人可以帮忙吗？除了使用插件实现浮动提示之外,我还对其他解决方案持开放态度

我必须使用浮动提示标签制作一个textinputlayout，它需要具有白色背景。一些与此类似的东西

设计预期：

但是到目前为止，我所能做的就是：

使用TextInputLayout的实际设计：

当前，TextInputLayout中的提示标签具有透明背景。有人可以帮助我，告诉如何实现这一目标吗？

这是我的代码（texinput布局）：

<android.support.design.widget.TextInputLayout
    android:id="@+id/til_login_info"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="@drawable/text_input_layout_background"
    app:hintTextAppearance="@style/TextStyle.Small.Hint">

    <EditText
        android:id="@+id/login_info"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="@color/transparent"
        android:gravity="center_vertical"
        android:hint="Email / Mobile"
        android:inputType="text"
        android:textSize="14sp" />
</android.support.design.widget.TextInputLayout>

我正在使用的背景

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item
        android:gravity="bottom"
        android:top="5dp">
        <shape android:shape="rectangle">
            <stroke

                android:width="1px"
                android:color="@color/Grey300" />
            <corners android:radius="100dp" />
            <solid android:color="@color/transparent" />
        </shape>
    </item>
</layer-list>

提前致谢！

像这样：

这些词email or phone是获得关注时跃升至最高位置的提示。我试图寻找一个图书馆，甚至调查文本输入布局的代码，但不明白如何获得这样的东西？？？