如何以编程方式使用 OutlineBox 创建 TextInputLayout [英] How to create TextInputLayout with OutlineBox programmatically

问题描述

我想用 Widget.MaterialComponents.TextInputLayout.OutlinedBox 样式创建 TextInputLayout.我尝试了很多方法，但无法获得所需的结果.这是我的代码.

TextInputLayout textInputLayout = new TextInputLayout(getActivity(),null,R.style.Widget_MaterialComponents_TextInputLayout_OutlinedBox);textInputLayout.setHint("我的提示");TextInputEditText editText = new TextInputEditText(textInputLayout.getContext());textInputLayout.addView(editText);parentView.addView(textInputLayout);

我也试过:

TextInputLayout textInputLayout = new TextInputLayout(getActivity(),null,TextInputLayout.BOX_BACKGROUND_OUTLINE);

我想创建这样的视图.

解决方案

UPDATE

感谢@Mike M.

您需要使用

基于这个答案:

注意

如果您想从 XML 添加 TextInputLayout，请查看以下答案:

• 来自 Material Design 的大纲编辑文本

如果您想以编程方式添加超过 5 个 TextInputLayout，那么请考虑使用 RecyclerView.查看以下答案:

• 具有重复形式的动态形式
• 如何验证回收视图适配器 TextInputEditText来自片段?

希望这有帮助！

I want to create TextInputLayout with Widget.MaterialComponents.TextInputLayout.OutlinedBox style. I tried many ways but couldn't get the required result. Here is my code.

TextInputLayout textInputLayout = new TextInputLayout(getActivity(),null,R.style.Widget_MaterialComponents_TextInputLayout_OutlinedBox);
textInputLayout.setHint("My Hint");
TextInputEditText editText = new TextInputEditText(textInputLayout.getContext());
textInputLayout.addView(editText);
parentView.addView(textInputLayout);

I also tried:

TextInputLayout textInputLayout = new TextInputLayout(getActivity(),null,TextInputLayout.BOX_BACKGROUND_OUTLINE);

I want to create view like this .

解决方案

UPDATE

Thanks to @Mike M.

You need to use TextInputLayout.setBoxBackgroundMode() method to use OutlineBox style

setBoxBackgroundMode (int boxBackgroundMode)

• Set the mode for the box's background (filled, outline, or none).

Then you need to use TextInputLayout.BOX_BACKGROUND_OUTLINE) Constants

NOTE: To get the corner in your OutlineBox of TextInputLayout you need to use setBoxCornerRadii() method

SAMPLE CODE

public class MainActivity extends AppCompatActivity {

    LinearLayout parentView;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        parentView = findViewById(R.id.parentView);

        TextInputLayout emailTextInputLayout = new TextInputLayout(this, null, R.style.Widget_MaterialComponents_TextInputLayout_OutlinedBox);

        emailTextInputLayout.setHint("Please Enter Email Address");
        emailTextInputLayout.setBoxBackgroundMode(TextInputLayout.BOX_BACKGROUND_OUTLINE);
        emailTextInputLayout.setBoxCornerRadii(5, 5, 5, 5);
        TextInputEditText edtEmail = new TextInputEditText(emailTextInputLayout.getContext());
        emailTextInputLayout.addView(edtEmail);

        parentView.addView(emailTextInputLayout);


        TextInputLayout passTextInputLayout = new TextInputLayout(this, null, R.style.Widget_MaterialComponents_TextInputLayout_OutlinedBox);

        passTextInputLayout.setHint("Please Enter Password");
        passTextInputLayout.setBoxBackgroundMode(TextInputLayout.BOX_BACKGROUND_OUTLINE);
        passTextInputLayout.setBoxCornerRadii(5, 5, 5, 5);
        TextInputEditText edtPass = new TextInputEditText(passTextInputLayout.getContext());
        passTextInputLayout.addView(edtPass);

        parentView.addView(passTextInputLayout);


    }

}

OUTPUT

Based on this answer: https://stackoverflow.com/questions/3246447/how-to-set-the-style-attribute-programmatically-in-android

• Dynamic style change is not currently supported. You must set the style before the view is created (in XML).

That's the reason that TextInputLayout does not programmatically accept setting the outline boxed style.

Here is the simple solution:

You can use LayoutInflater

• Instantiates a layout XML file into its corresponding View objects.

DEMO

Create a new layout

<?xml version="1.0" encoding="utf-8"?>
<android.support.design.widget.TextInputLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/userIDTextInputLayout"
    style="@style/Widget.MaterialComponents.TextInputLayout.OutlinedBox"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_margin="10dp">

    <android.support.design.widget.TextInputEditText
        android:id="@+id/userIDTextInputEditText"
        android:layout_width="match_parent"
        android:hint="Enter User Name"
        android:layout_height="wrap_content" />
</android.support.design.widget.TextInputLayout>

AndroidX (+Material Components for Android):

<?xml version="1.0" encoding="utf-8"?>
<com.google.android.material.textfield.TextInputLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/userIDTextInputLayout"
    style="@style/Widget.MaterialComponents.TextInputLayout.OutlinedBox"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_margin="10dp">

    <com.google.android.material.textfield.TextInputEditText 
        android:id="@+id/userIDTextInputEditText"
        android:layout_width="match_parent"
        android:hint="Enter User Name"
        android:layout_height="wrap_content" />
</com.google.android.material.textfield.TextInputLayout>

Now using LayoutInflater add that TextInputLayout in your required layout

public class MainActivity extends AppCompatActivity {

    LinearLayout rootView;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        rootView = findViewById(R.id.rootView);

        View view = LayoutInflater.from(this).inflate(R.layout.temp_layout, null);
        TextInputLayout userNameIDTextInputLayout=view.findViewById(R.id.userIDTextInputLayout);
        TextInputEditText userNameInputEditText = view.findViewById(R.id.userIDTextInputEditText);
        userNameIDTextInputLayout.setHint("Please Enter User Name");
        rootView.addView(view);
    }
}

OUTPUT

Note

If you want to add a TextInputLayout from XML, then please check out the following answer:

• Outlined Edit Text from Material Design

If you want to add more than 5 TextInputLayouts programmatically, then please consider using a RecyclerView. Check out the following answers:

• Dynamic form with repeating form
• How can I validate recyclerview adapter TextInputEditText from fragment?

Hope this helps!

这篇关于如何以编程方式使用 OutlineBox 创建 TextInputLayout的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！