Jak zrobić gwiazdkę wskazówki TextInputLayout na czerwono dla wymaganych pól

Question

Czy można zrobić gwiazdkę w podpowiedzi na czerwono, gdy używasz TextInputLayout z biblioteki wsparcia projektu? Widziałem informacje na temat stylizacji całej podpowiedzi, ale jest to trochę bardziej skomplikowane, ponieważ tylko * powinna być czerwona, a nie cała wiadomość.

Przykład projektowania materiałów pokazuje to, ale biblioteka projektowania nie ma żadnej opcji takiego stylu w przypadku użycia TextInputLayout i EditText.

odniesienia: https://www.google.com/design/spec/components/text-fields.html#text-fields-required-fields

Przykład (u góry, z naciskiem ma czerwoną gwiazdką; dolny bez naciskiem nie posiada czerwonego gwiazdka)

Spojrzałem ustawienie podpowiedź do SpannableString (patrz tutaj How to get a red asterisk in a <string> entry) w OnFocusChangeListener (patrz tutaj: Having the mandatory symbol to the edit text (red color asterisk) which is inside the textinputlayout), ale wskazówka jest CharSequence.

Czy jest jakiś sposób, aby to zrobić bez rozszerzenia TextInputLayout?

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> 

cię zmienić motyw colorAccent i zobaczyć

Answer 2

Tak Jest to możliwe, ponieważ robię to samo w moim bieżącej aplikacji. a dla skupienia i nieostrości trzeba zrobić jakąś logikę, aby usunąć gwiazdkę.

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

byłem przez ten sam proces i pracował dla mnie

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

mógłbyś być dodanie ciąg łączony z 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); 
    } 

Zmień wskazówkę po ustawieniu ostrości.

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

Answer 5

Zmień TextInputLayout wskazówkę dodając postfix zawinięte w HTML:

public void setRequired(boolean required) { 

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

kod Asterisk powinny być przechowywane w android strings.xml dla prawidłowego ucieczce:

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

Answer 6

Materiał Projekt określić gwiazdka dla wymaganych pól, które są częścią tekstu podpowiedzi i tego samego koloru (nie na czerwono, jak pokazano w pytaniu).

W Kotlin jest naprawdę prosta:

1.Define ta metoda rozszerzenie:

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

2.Wykorzystanie nim:

input_first_name.markRequired()