Question

我想构建一个自定义文本视图，可以显示这样的钱：

最后，我希望任何用户能够像这样调用它：

<com.util.MyCustomViews.MoneyTextView
    android:id="@+id/textView2"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="24.92"
    android:textColor="#727272"
    android:textSize="18dp" />

我遇到的两个问题是，如果我使用html来实现这一点，那就不是用户体验团队想要提高分数的确切高度。他们只想让你在照片中看到的一半上涨。所以打电话<p>This text contains <sup>superscript</sup>45</p>会把它提高得太高。我需要自己提高它。我不知道如何开始，但我假设我将在自定义textView中骑过setText：

class MoneyTextView extends AppCompatTextView {
    public MoneyTextView(Context context) {
        super(context);
    }

    public MoneyTextView(Context context, @Nullable AttributeSet attrs) {
        super(context, attrs);
    }

    public MoneyTextView(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
    }

    @Override
    public void setText(CharSequence text, BufferType type) {
        Spannable s = getSomeCustomSpannableSuperScriptString(getContext(), text);
        super.setText(s, BufferType.SPANNABLE);
    }
}

更新：我尝试了以下代码，但它不起作用：

公共类MoneyTextView扩展了AppCompatTextView {

static final String SEPERATOR = ".";
static final double HEIGHT_IN_EM = 0.5;
static final int MOGO_BASELINE_SHIFT = 10;

public MoneyTextView(Context context) {
    super(context);
}

public MoneyTextView(Context context, @Nullable AttributeSet attrs) {
    super(context, attrs);
}

public MoneyTextView(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
    super(context, attrs, defStyleAttr);
}

@Override
public void setText(CharSequence text, BufferType type) {

    super.setText(Html.fromHtml("<b>$27</b><sup style=\"vertical-align:top,line-height:"+HEIGHT_IN_EM+"em\">.45</sup>"), BufferType.SPANNABLE);
}

并将其与此常量一起使用：static final double HEIGHT_IN_EM = 0.5;

但这是我在nexus api 19模拟器上选择的高度所得到的输出：

它不会推倒“.45”。

如果需要，

布局文件本身如下所示：

 <?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="com.example.myapplicationtest.MainActivity">

    <com.example.myapplicationtest.MoneyTextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center_horizontal|center_vertical"
        android:text="666.33"
        android:textSize="22dp"/>

</LinearLayout>

Answer 1

看看Ticker。您可以根据自己的要求更改来源。

Answer 2

您可以更喜欢使用Html.fromHtml方法来显示此类文本。与spannable字符串相比，它更容易。只需在textView setText方法中使用以下行。

double HEIGHT_IN_EM=0.5;

和

Html.fromHtml("<b>$27</b><sup style=\"vertical-align:top,line-height:"+HEIGHT_IN_EM+"em\">.45</sup>")

Answer 3

使用@HareshChhelana提到的库解决了我的问题。

它在运行时完全对齐文本。在android浏览器中，它没有对齐。不得不等到运行时间。

the resolution is from here

Android - 如何构建一个自定义文本视图，其中包含与美元值对齐的上标

3 个答案: