Android TextView将文本左右对齐

Question

我想有一个TextView有两个文本，一个在左边对齐TextView ，一个在右边TextView 。

我将其设置为[ Android TextView将文本对齐到左右 （@daemontus）以设置文本。

但是，如果我先在TextView右侧输入文本，然后在TextView左侧输入文本，如何添加文本

1）输入：输入按钮1以显示Text1

2）输出：输入按钮2以显示Text2和Text1

public void setLeftRightText(TextView view, String left, String right,Enum keysel) {
if(keysel == RSK_KEY) {
        SpannableString merged=new SpannableString(left + "\n" + right);
        merged.setSpan(
                new AlignmentSpan.Standard(Layout.Alignment.ALIGN_NORMAL),
                0, left.length(), Spanned.SPAN_INCLUSIVE_EXCLUSIVE
        );
        merged.setSpan(
                new LineOverlapSpan(),
                left.length(), left.length() + 1, Spanned.SPAN_INCLUSIVE_EXCLUSIVE
        );
        merged.setSpan(
                new AlignmentSpan.Standard(Layout.Alignment.ALIGN_OPPOSITE),
                left.length() + 1, left.length() + 1 + right.length(), Spanned.SPAN_INCLUSIVE_EXCLUSIVE
        );
        view.setText(merged);
    }
    else if (keysel == LSK_KEY){
        final String resultText = right + "  " + left;
        final SpannableString styledResultText = new SpannableString(resultText);
        styledResultText.setSpan((new AlignmentSpan.Standard(Layout.Alignment.ALIGN_OPPOSITE )), left.length() + 2, left.length() + 2 +right.length(), Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);
        styledResultText.setSpan((new AlignmentSpan.Standard(Layout.Alignment.ALIGN_NORMAL )), 0, left.length(), Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);
        view.setText(styledResultText);

    }

}

LineOverlapSpan.java

public class LineOverlapSpan implements LineHeightSpan {

    public void chooseHeight(final CharSequence text, final int start, final int end, final int spanstartv, final int v, final Paint.FontMetricsInt fm) {
        fm.bottom += fm.top;
        fm.descent += fm.top;
    }
}

Answer 1

您需要采取两个单独的textview才能满足您的要求。

请使用以下代码进行检查。

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="horizontal"
    android:background="@android:color/black"
    android:padding="10dp"
    android:weightSum="1">

    <TextView
        android:text="Left"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_weight="0.5"
        android:textSize="36sp"
        android:fontFamily="sans-serif-light"
        android:textColor="@android:color/white"
        android:background="@android:color/transparent"
        android:gravity="left"
        android:padding="5dp"/>

    <TextView
        android:text="Right"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_weight="0.5"
        android:textSize="36sp"
        android:fontFamily="sans-serif-light"
        android:textColor="@android:color/white"
        android:background="@android:color/transparent"
        android:gravity="right"
        android:padding="5dp"/>

</LinearLayout>

Answer 2

您可以在单个文本视图中获得所需的结果。 创建一个扩展文本视图并覆盖onDraw视图

我整理了一个小例子。 希望至少能给您一个想法

public class LeftRightTextView extends AppCompatTextView {

    private TextPaint mTextPaint;
    private String mLeftText, mRightText;

    public LeftRightTextView(Context context) {
        this(context, null);
    }

    public LeftRightTextView(Context context, AttributeSet attrs) {
        this(context, attrs, 0);
    }

    public void setLeftText(String leftText) {
        mLeftText = leftText;
        setText(mLeftText);
    }

    public void setRightText(String rightText) {
        mRightText = rightText;
        invalidate();
    }

    public LeftRightTextView(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        TypedArray typedArray = context.obtainStyledAttributes(attrs, R.styleable.LeftRightTextView, defStyleAttr, 0);
        mLeftText = typedArray.getString(R.styleable.LeftRightTextView_lr_left_text);
        mRightText = typedArray.getString(R.styleable.LeftRightTextView_lr_right_text);
        typedArray.recycle();
        setText(mLeftText);
        mTextPaint = new TextPaint();
        mTextPaint.setColor(getCurrentTextColor());
    }

    @Override
    protected void onDraw(Canvas canvas) {
        //let it draw the left text as usual
        super.onDraw(canvas);

        //Now draw the right text
        int rightEnd = getWidth() - getPaddingRight();
        float textWidth = mTextPaint.measureText(mRightText);
        canvas.drawText(mRightText, rightEnd - textWidth, mTextPaint.getFontMetrics().descent - mTextPaint.getFontMetrics().ascent, mTextPaint);

    }
}

和属性

<declare-styleable name="LeftRightTextView">
    <attr name="lr_left_text" format="string"/>
    <attr name="lr_right_text" format="string"/>
</declare-styleable>

在布局中

<me.srs.myapplication.LeftRightTextView
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    app:lr_left_text="Hello"
    app:lr_right_text="World"/>

这就是结果

Answer 3

您需要创建一个自定义视图并重写相同的onDraw方法，以实现所需的功能。