【问题标题】:Create Custom Background For TextView Android为 TextView Android 创建自定义背景
【发布时间】:2019-06-20 10:37:34
【问题描述】:

我想开发一个如下图所示的文本视图背景:

我应该如何做到这一点?并且黄点会根据数据而变化。

【问题讨论】:

  • 在 13 顶部覆盖带有白色边框的黄色圆圈
  • 好的。我会试试这个

标签: android android-layout textview


【解决方案1】:

我刚刚花了一些时间来实现同样的目标。这并不完美,但你至少可以参考这个。 :)

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android"
            android:paddingLeft="@dimen/d10dp"
            android:paddingTop="@dimen/d10dp"
            android:paddingRight="@dimen/d10dp"
            android:paddingBottom="@dimen/d10dp">
    <item 
        android:id="@+id/item1">
        <shape android:shape="rectangle">
            <solid android:color="#3CF8C2"/>
            <corners android:radius="12dp"/>
            <size
                android:width="40dp"
                android:height="40dp"/>
        </shape>
    </item>
    <item 
        android:id="@+id/item2"
        android:width="16dp"
        android:height="16dp"
        android:end="-2dp"
        android:gravity="end"
        android:top="-2dp">
        <shape
            android:gravity="right"
            android:shape="oval">
            <stroke
                android:width="2dp"
                android:color="#fff"/>
            <solid android:color="#FFC730"/>
            <size
                android:width="16dp"
                android:height="16dp"/>
        </shape>
    </item>
</layer-list>

要动态改变drawable的颜色,参考下面的代码。

通过 id 查找 drawable 并更改其颜色:

 LayerDrawable shape = (LayerDrawable) ContextCompat.getDrawable(YourActivity.this,R.drawable.here_drawable_name)
 GradientDrawable gradientDrawable = (GradientDrawable) shape.findDrawableByLayerId(R.id.item2);
 gradientDrawable.setColor(Color.Green); // changing color to Green

【讨论】:

  • 它应该可以工作,但我想根据数据更改黄点。你能帮我如何改变它运行时
  • 无法解析符号“item2”,请您帮忙
  • 是的,我已经更新了可绘制文件,但仍然面临同样的问题。我的最低 SDK 版本是 19 会导致任何问题吗?
  • 它在可绘制文件夹中
  • 它正在工作。请更改您的答案,因为您不小心添加了形状而不是 layerDrawable。非常感谢。我标记为已接受的答案
【解决方案2】:

我以前尝试过这样做。也许它有帮助。

<?xml version="1.0" encoding="utf-8"?>
<android.support.v7.widget.CardView
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="100dp"
    android:layout_height="100dp"
    app:cardCornerRadius="16dp"
    tools:context=".MainActivity">

    <RelativeLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content">
        <ImageView
            android:layout_margin="4dp"
            android:layout_alignParentEnd="true"
            android:src="@drawable/ic_launcher_background"
            android:layout_width="20dp"
            android:layout_height="20dp" />
        <TextView
            android:layout_margin="4dp"
            android:gravity="center"
            android:layout_centerInParent="true"
            android:textSize="25sp"
            android:background="@color/blue"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="13" />

    </RelativeLayout>

</android.support.v7.widget.CardView>

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2017-04-14
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2020-03-13
    • 2019-08-06
    相关资源
    最近更新 更多