【问题标题】:How to create a custom shape for a Button如何为按钮创建自定义形状
【发布时间】:2017-06-17 17:37:42
【问题描述】:

如何为按钮创建自定义形状?我可以在多种情况下为按钮背景颜色设置不同的颜色吗?任何帮助将不胜感激。谢谢。

【问题讨论】:

  • 你可以使用这个 png 作为按钮的背景,并且可以使用 tint 属性来改变背景图片的颜色
  • 为这个形状制作九个补丁图像
  • @Kamran Ahmed Khan,我如何使用 tint 方法来更改背景图像
  • @HtooAungHlaing,检查答案,我发帖人

标签: java android android-layout android-xml android-shape


【解决方案1】:

如何为按钮创建自定义形状?

在drawable中创建test.xml文件并添加代码:

<?xml version="1.0" encoding="UTF-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >

<item android:id="@+id/one">       //<---- id is must for color change
    <shape android:shape="rectangle">
        <size
            android:width="150dp"
            android:height="40dp" />
        <solid android:color="@color/colorPrimary" />
        <corners android:radius="10dp"/> //<---- remove radius if not needed
    </shape>
</item>

<item
    android:top="10dp"
    android:bottom="-12dp"
    android:left="-55dp"
    android:width="75dp">
    <rotate
        android:fromDegrees="-47">
        <shape android:shape="rectangle">
            <solid android:color="#ffffff" />
        </shape>
    </rotate>
</item>
</layer-list>

在按钮中:

     <Button
        .....
        android:background="@drawable/test"
        ...../>

输出

我可以在多种情况下为按钮背景颜色设置不同的颜色吗?

是的,您可以在运行时进行更改。为此,您必须为每个项目分配 id 才能知道要在哪里进行更改。正如我对答案代码所做的那样。

LayerDrawable layerDrawable = (LayerDrawable) ContextCompat.getDrawable(Your_Activity.this, R.drawable.your_shape_test);
GradientDrawable gradientDrawable = (GradientDrawable) layerDrawable.findDrawableByLayerId(R.id.id_of_drawable-one);
gradientDrawable.setColor(your_color);

【讨论】:

  • 在DesignView中好像可以,但是当我真正在设备上运行时,却无法得到真正的结果
  • @HtooAungHlaing,好吧,我没遇到这个,让我再看看我的代码。
  • 感谢@W4R10CK,您的帮助
  • @HtooAungHlaing,我不确定为什么它不适合你。我也在我的应用程序上添加了相同的布局。查看真实设备的输出图像。
【解决方案2】:

试试这个代码:

public class ButtonBackGroundDrawable extends Drawable {
private Paint paint;

public ButtonBackGroundDrawable() {
    paint = new Paint();
    paint.setAntiAlias(true);
}

@Override
public void draw(Canvas canvas) {

    int height = getBounds().height();
    int width = getBounds().width();
    RectF rect = new RectF(0.0f, 0.0f, width, height);
    Point point0_draw = new Point(0, 0);
    Point point1_draw = new Point(width, 0);
    Point point2_draw = new Point(width, height);
    Point point3_draw = new Point(0, height);
    Point point4_draw = new Point(width / 10, height / 2);

    Path path = new Path();
    path.moveTo(point0_draw.x, point0_draw.y);
    path.lineTo(point1_draw.x, point1_draw.y);
    path.lineTo(point2_draw.x, point2_draw.y);
    path.lineTo(point3_draw.x, point3_draw.y);
    path.lineTo(point4_draw.x, point4_draw.y);
    path.lineTo(point0_draw.x, point0_draw.y);
    path.close();
    canvas.drawARGB(0, 0, 0, 0);
    paint.setColor(Color.CYAN);
 //        paint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.SRC_IN));
    canvas.drawPath(path, paint);
}

@Override
public void setAlpha(int alpha) {
    paint.setAlpha(alpha);
}

@Override
public void setColorFilter(ColorFilter colorFilter) {
    paint.setColorFilter(colorFilter);
}

@Override
public int getOpacity() {
    return PixelFormat.TRANSLUCENT;
}
}

【讨论】:

  • 感谢您的回复。如果要将宽度更改 w/10 更改为您的值。如果您节省时间,请接受我的回答。
  • 是的,宽度还可以,为自定义颜色集添加 setColor 方法,并且已经接受了一个是我的,谢谢
猜你喜欢
  • 2020-09-27
  • 2021-11-18
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2012-12-14
  • 2016-07-27
  • 1970-01-01
  • 2012-12-01
相关资源
最近更新 更多