如何给出像条形图这样的背景等级

Question

如果我想在TextView中像下面的图像那样进行分级，我应该做什么？有什么主意或解决办法吗？

(分级的宽度-长度取决于TextView中文本的值)

​

​

Answer 1

定义如下可绘制资源文件

<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
    <gradient
        android:angle="180"
        android:endColor="@color/your_color"
        android:startColor="@color/your_color2"
        android:type="linear" />
</shape>

并将其用作您视图的背景。

<FrameLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content">

    <View
        android:layout_width="match_parent"
        android:layout_height="20dp"
        android:id="@+id/view"
        android:background="@drawable/your_gradient"
        />

    <TextView
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:text="30"
    android:id="@+id/percentageTextview"
    />

</FrameLayout>

在你的活动中使用这个

View background = (View) findViewById(R.id.view);
TextView textView = (TextView) findViewById(R.id.percentageTextview);

DisplayMetrics displayMetrics = getResources().getDisplayMetrics();
int  screenWidthInPix = displayMetrics.widthPixels;

ViewGroup.LayoutParams params = background.getLayoutParams();
params.width = (screenWidthInPix * Integer.parseInt(textView.getText().toString()))/100;
background.setLayoutParams(params);