基线对齐的 TextInputLayout 和 Spinner

Posted 2023-02-22

【中文标题】基线对齐的 TextInputLayout 和 Spinner

【英文标题】：Baseline aligned TextInputLayout and Spinner

【发布时间】：2017-02-19 19:20:17

【问题描述】：

我尝试对齐微调器并按基线编辑文本，但它不起作用：

它在将支持库依赖项从 24.1.1 更新到 24.2.1（support-v4、appcompat-v7、设计）后开始发生。 这是我的 xml 代码：

        <RelativeLayout
            android:id="@+id/email_layout"
            android:layout_
            android:layout_
            android:orientation="horizontal">

            <android.support.v7.widget.AppCompatSpinner
                android:id="@+id/spinner"
                style="@style/MailSpinner"
                android:layout_
                android:layout_
                android:layout_alignParentEnd="true"
                android:dropDownWidth="wrap_content" />
            <android.support.design.widget.TextInputLayout
                android:id="@+id/text_input_layout"
                android:layout_
                android:layout_
                android:layout_marginEnd="8dp"
                android:layout_alignBaseline="@id/spinner"
                android:layout_toStartOf="@id/spinner"
                android:baselineAlignedChildIndex="0">
                <android.support.v7.widget.AppCompatEditText
                    android:id="@+id/edit_text"
                    android:layout_
                    android:layout_
                    android:hint="E-mail"
                    android:ellipsize="end"
                    android:imeOptions="actionNext"
                    android:inputType="textEmailAddress"
                    android:textSize="16sp"/>
            </android.support.design.widget.TextInputLayout>


        </RelativeLayout>

MailSpinner 样式：

<style name="MailSpinner" parent="Widget.AppCompat.Spinner.Underlined">
    <item name="android:background">@drawable/spinner_textfield_background</item>
    <item name="backgroundTint">@color/spinner_tint</item>
    <item name="backgroundTintMode">src_atop</item>
</style>

【问题讨论】：

请添加您的spinner_textfield_background drawable 和spinner_tint 颜色资源。

@Sevastyan 我无法再访问此代码

那很糟糕。虽然基线对齐，但Spinner 的下划线与EditText 的下划线不对齐。

【参考方案1】：

基本上TextInputLayout 没有为其父级提供基线值。我们需要通过扩展TextInputLayout 来传递EditText 的正确基线。这对我有用，但是，我不确定基线是否会由于来自TextInputLayout 的其他事件而改变。

public class CTextInputLayout extends TextInputLayout 
    public CTextInputLayout(Context context) 
        super(context);
    

    public CTextInputLayout(Context context, AttributeSet attrs) 
        super(context, attrs);
    

    public CTextInputLayout(Context context, AttributeSet attrs, int defStyleAttr) 
        super(context, attrs, defStyleAttr);
    

    @Override
    public int getBaseline()
    
        EditText editText = getEditText();
        return editText.getPaddingTop() + editText.getBaseline();
    

【参考方案2】：

我认为提示标签浮动时这个版本更好

public class CTextInputLayout extends TextInputLayout 
public CTextInputLayout(Context context) 
    super(context);


public CTextInputLayout(Context context, AttributeSet attrs) 
    super(context, attrs);


public CTextInputLayout(Context context, AttributeSet attrs, int defStyleAttr) 
    super(context, attrs, defStyleAttr);


@Override
public int getBaseline() 
    EditText editText = getEditText();
    return getMeasuredHeight() - (editText.getMeasuredHeight() - editText.getBaseline());

【参考方案3】：

这是在设置 TextInputLayout 错误文本时正确对齐的版本：

public class BaselineTextInputLayout extends TextInputLayout 
    public BaselineTextInputLayout(Context context) 
        super(context);
    

    public BaselineTextInputLayout(Context context, AttributeSet attrs) 
        super(context, attrs);
    

    public BaselineTextInputLayout(Context context, AttributeSet attrs, int defStyleAttr) 
        super(context, attrs, defStyleAttr);
    

    @Override
    public int getBaseline() 
        EditText editText = getEditText();
        if (editText == null)  return 0; 
        return editText.getTop() + editText.getBaseline();