Làm thế nào để làm cho gợi ý TextInputLayout màu đỏ cho các trường bắt buộc

Question

Có thể chỉ tạo dấu hoa thị trong gợi ý đỏ khi sử dụng TextInputLayout từ thư viện hỗ trợ thiết kế không? Tôi đã nhìn thấy thông tin về tạo kiểu cho toàn bộ gợi ý, nhưng điều này phức tạp hơn một chút vì chỉ * có màu đỏ chứ không phải toàn bộ thông điệp.

Ví dụ về Material Design cho thấy điều này, nhưng thư viện thiết kế dường như không có bất kỳ tùy chọn nào để tạo kiểu theo cách này bằng cách sử dụng TextInputLayout và EditText.

tham khảo: https://www.google.com/design/spec/components/text-fields.html#text-fields-required-fields

Ví dụ (phía trên, với sự tập trung, có dấu hoa thị đỏ; đáy mà không tập trung không có một dấu hoa thị màu đỏ):

Tôi nhìn vào khung cảnh gợi ý cho một SpannableString (xem ở đây How to get a red asterisk in a <string> entry) trong một OnFocusChangeListener (xem ở đây Having the mandatory symbol to the edit text (red color asterisk) which is inside the textinputlayout), nhưng gợi ý là một CharSequence.

Có cách nào để thực hiện việc này mà không mở rộng TextInputLayout không?

Answer 1

<style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar"> 
    <!-- Customize your theme here. --> 
    <item name="colorPrimary">@color/colorPrimary</item> 
    <item name="colorPrimaryDark">@color/colorPrimaryDark</item> 
    <item name="colorAccent">@color/black</item> 
</style> 

thay đổi mà bạn theme colorAccent và xem

Answer 2

Có nó có thể, vì tôi đang làm điều tương tự trong ứng dụng hiện tại của tôi. và để lấy nét và không lấy nét, bạn phải thực hiện một số logic để xóa dấu hoa thị.

String mm = "Legal first name"; 
Spannable WordtoSpan = new SpannableString(mm); 
WordtoSpan.setSpan(
     new ForegroundColorSpan(Color.parseColor("#e62e6c")), 
     16, 
     mm.length(), 
     Spannable.SPAN_EXCLUSIVE_EXCLUSIVE); 
WordtoSpan.setSpan(new RelativeSizeSpan(0.9f), 16, mm.length(), 0); 
view.setText(WordtoSpan); 

Answer 3

Tôi đã trải qua quá trình tương tự và nó làm việc cho tôi

TextView text = (TextView) rootView.findViewById(R.id.name_textview); 

SpannableStringBuilder builder1 = setStarToLabel("Name"); 

text.setText(builder1); 

    @NonNull 
private SpannableStringBuilder setStarToLabel(String text) { 
    String simple = text; 
    String colored = "*"; 
    SpannableStringBuilder builder = new SpannableStringBuilder(); 
    builder.append(simple); 
    int start = builder.length(); 
    builder.append(colored); 
    int end = builder.length(); 
    builder.setSpan(new ForegroundColorSpan(Color.RED), start, end, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE); 
    return builder; 
} 

Answer 4

Ông có thể có thêm một chuỗi spanned Từ Html?

String grey = "Legal first name*"; 
    Spanned redStar; 
    String html = "<string style="color:grey;">Legal first name<span style="color:red;">*</span></string>"; 

    if (android.os.Build.VERSION.SDK_INT >= android.os.Build.VERSION_CODES.N) { 
    redStar = Html.fromHtml(html,Html.FROM_HTML_MODE_LEGACY); 
    } else { 
    redStar = Html.fromHtml(html); 
    } 

Và thay đổi gợi ý khi lấy nét.

textInput.setOnFocusChangeListener(new View.OnFocusChangeListener() { 
    public void onFocusChange(View v, boolean hasFocus) { 
    if (hasFocus) 
     myEditText.setHint(redStar.toString); 
    else 
     myEditText.setHint(grey); 
} 

Answer 5

Thay đổi TextInputLayout gợi ý bằng cách thêm một postfix bọc trong html:

public void setRequired(boolean required) { 

    componentField.setHint(
    TextUtils.concat(
     componentField.getHint(), 
     Html.fromHtml(
     getContext().getString(
      R.string.required_asterisk)))); 
} 

đang Asterisk nên được lưu trữ trong strings.xml android cho thoát đúng:

<string name = "required_asterisk"><![CDATA[<font color=\'#cc0029\'>&nbsp*</font>]]></string> 

Answer 6

Vật liệu Thiết kế chỉ định một dấu hoa thị cho các trường bắt buộc là một phần của văn bản gợi ý và có cùng màu (không phải màu đỏ như bạn đã thể hiện trong câu hỏi của bạn).

Trong Kotlin này là thực sự rất đơn giản:

1.Define này phương pháp khuyến nông:

fun TextInputLayout.markRequired() { 
    hint = "$hint *" 
} 

2.Sử dụng nó:

input_first_name.markRequired()