Android

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 来实现它，那么它并不是 UX 团队想要筹集的资金的确切高度。正如您在照片中看到的那样，他们只希望将美分提高到一半。所以调用 <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);
    }
}

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

public class 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></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 string 相比，它更容易。只需在您的 textView setText 方法中使用以下行。

double HEIGHT_IN_EM=0.5;

和

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

Answer 3

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

它在运行时完美对齐文本。在 android 查看器中它没有对齐。不得不等到运行时。

the resolution is from here

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

Android - how to build a custom textview that has money with superscript aligned with dollar value

spannable