如何以编程方式圆角并设置随机背景颜色

Posted

技术标签:

【中文标题】如何以编程方式圆角并设置随机背景颜色【英文标题】:How to programmatically round corners and set random background colors 【发布时间】:2013-08-25 20:32:21 【问题描述】:

我想对视图的角进行圆角处理,并在运行时根据内容更改视图的颜色。

TextView v = new TextView(context);
v.setText(tagsList.get(i));
if(i%2 == 0)
    v.setBackgroundColor(Color.RED);
else
    v.setBackgroundColor(Color.BLUE);


v.setLayoutParams(new LayoutParams(LayoutParams.WRAP_CONTENT,LayoutParams.WRAP_CONTENT));
v.setPadding(twoDP, twoDP, twoDP, twoDP);               
v.setBackgroundResource(R.drawable.tags_rounded_corners);

我希望设置可绘制对象和颜色会重叠,但事实并非如此。无论我第二次执行哪个都是生成的背景。

有没有办法以编程方式创建这个视图,记住背景颜色要到运行时才会决定?

编辑:我现在只是在红色和蓝色之间交换以进行测试。稍后颜色将由用户选择。

编辑:

tags_rounded_corners.xml:

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" >
    <corners 
         android:bottomRightRadius="2dp" 
         android:bottomLeftRadius="2dp" 
         android:topLeftRadius="2dp" 
         android:topRightRadius="2dp"/>
</shape>

【问题讨论】:

当然背景颜色和背景图片会相互覆盖。你想达到什么目的? tags_rounded_corners 是什么? 您能显示更多代码吗?它看起来不错,所以我想知道您可以使用某种 listView,或者重用现有的 textview。 【参考方案1】:

检索背景可绘制对象并设置其颜色,而不是 setBackgroundColor

v.setBackgroundResource(R.drawable.tags_rounded_corners);

GradientDrawable drawable = (GradientDrawable) v.getBackground();
if (i % 2 == 0) 
  drawable.setColor(Color.RED);
 else 
  drawable.setColor(Color.BLUE);

此外,您可以在 tags_rounded_corners.xml 中定义填充:

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
  <corners android:radius="4dp" />
  <padding
    android:top="2dp"
    android:left="2dp"
    android:bottom="2dp"
    android:right="2dp" />
</shape> 

【讨论】:

完美答案!它也适用于冲击,但我们可以使用类似 colorDrawable = resources.getDrawable(R.drawable.x_sd_circle); colorDrawable.setColorFilter(color, PorterDuff.Mode.SRC_ATOP);如果我们没有边界。但是如果有边框,你能告诉我 PorterDuff.Mode,这样笔触颜色就不会改变 如何通过 XML 添加背景颜色? 如果 "v" 是 TextView 而不是 v.getBackground() 将转换 "java.lang.ClassCastException: android.graphics.drawable.StateListDrawable cannot be cast to android.graphics.drawable.GradientDrawable" 是这真的可以追溯到 13 年吗? @sonavolob 你是对的。它给出了 ClassCastException 完美解决方案!谢谢!【参考方案2】:

设置圆角和向视图添加随机背景颜色的总体编程方法。 我没有测试过代码,但你明白了。

 GradientDrawable shape =  new GradientDrawable();
 shape.setCornerRadius( 8 );

 // add some color
 // You can add your random color generator here
 // and set color
 if (i % 2 == 0) 
  shape.setColor(Color.RED);
  else 
  shape.setColor(Color.BLUE);
 

 // now find your view and add background to it
 View view = (LinearLayout) findViewById( R.id.my_view );
 view.setBackground(shape);

这里我们使用渐变绘制,以便我们可以使用GradientDrawable#setCornerRadius,因为ShapeDrawable 不提供任何此类方法。

【讨论】:

shape.setCornerRadii(corners);它非常有用 考虑使用PaintDrawable 而不是GradientDrawable。它支持圆角和一种似乎比渐变更合适的颜色。 这很好用!我在 Xamarin 中使用它。 var pd = new PaintDrawable(BackgroundColor); pd.SetCornerRadius(15); myView.Background = pd; 不错的快速解决方案,但请注意它需要 API 最低级别 16 @Anonymous-E 我建议你查找GradientDrawable.setCornerRadii() 函数。【参考方案3】:

如果你没有中风,你可以使用

colorDrawable = resources.getDrawable(R.drawable.x_sd_circle); 

colorDrawable.setColorFilter(color, PorterDuff.Mode.SRC_ATOP);

但这也会改变笔触颜色

【讨论】:

我打算用这个,但我中风了。【参考方案4】:

我认为最快的方法是:

GradientDrawable gradientDrawable = new GradientDrawable(
            GradientDrawable.Orientation.TOP_BOTTOM, //set a gradient direction 
            new int[] 0xFF757775,0xFF151515); //set the color of gradient
gradientDrawable.setCornerRadius(10f); //set corner radius

//Apply background to your view
View view = (RelativeLayout) findViewById( R.id.my_view );
if(Build.VERSION.SDK_INT>=16)
     view.setBackground(gradientDrawable);
else view.setBackgroundDrawable(gradientDrawable);    

【讨论】:

【参考方案5】:

您可以像这样使用DrawableCompat 更好地实现它:

Drawable backgroundDrawable = view.getBackground();             
DrawableCompat.setTint(backgroundDrawable, newColor);

【讨论】:

【参考方案6】:

您可以动态更改任何项目(布局、文本视图)的颜色。尝试下面的代码在布局中以编程方式设置颜色

在activity.java文件中


String quote_bg_color = "#FFC107"
quoteContainer= (LinearLayout)view.findViewById(R.id.id_quotecontainer);
quoteContainer.setBackgroundResource(R.drawable.layout_round);
GradientDrawable drawable = (GradientDrawable) quoteContainer.getBackground();
drawable.setColor(Color.parseColor(quote_bg_color));

在drawable文件夹中创建layout_round.xml

<?xml version="1.0" encoding="UTF-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <solid android:color="@color/colorPrimaryLight"/>
    <stroke android: android:color="#B1BCBE" />
    <corners android:radius="10dp"/>
    <padding android:left="0dp" android:top="0dp" android:right="0dp" android:bottom="0dp" />
</shape>

activity.xml 文件中的布局

<LinearLayout
        android:id="@+id/id_quotecontainer"
        android:layout_
        android:layout_
        android:orientation="vertical">

----other components---

</LinearLayout>


【讨论】:

【参考方案7】:

这是一个使用扩展的示例。 这假设视图具有相同的宽度和高度。

需要使用布局更改监听器来获取视图大小。 然后你可以在这样的视图上调用它myView.setRoundedBackground(Color.WHITE)

fun View.setRoundedBackground(@ColorInt color: Int) 
    addOnLayoutChangeListener(object: View.OnLayoutChangeListener 
        override fun onLayoutChange(v: View?, left: Int, top: Int, right: Int, bottom: Int, oldLeft: Int, oldTop: Int, oldRight: Int, oldBottom: Int) 

            val shape = GradientDrawable()
            shape.cornerRadius = measuredHeight / 2f
            shape.setColor(color)

            background = shape

            removeOnLayoutChangeListener(this)
        
    )

【讨论】:

【参考方案8】:

将@cimlman 的comment 复制到***答案中以获得更多可见性:

PaintDrawable(Color.CYAN).apply 
  setCornerRadius(24f)

仅供参考:ShapeDrawable(及其子类型 PaintDrawable)使用默认的固有宽度和高度 0。如果可绘制对象未显示在您的用例中,您可能需要手动设置尺寸:

PaintDrawable(Color.CYAN).apply 
  intrinsicWidth = -1
  intrinsicHeight = -1
  setCornerRadius(24f)

-1 是一个神奇的常数,表示 Drawable 没有自己的固有宽度和高度 (Source)。

【讨论】:

【参考方案9】:

因为问题已经回答了。但我有一点调整

GradientDrawable drawable = (GradientDrawable) ContextCompat.getDrawable(context, R.drawable.YOUR_DRAWABLE).mutate();

你可以改变圆角半径:

drawable.setCornerRadius(YOUR_VALUE);

改变颜色:

drawable.setColor(Color.YOUR_COLOR);

一个可变的drawable保证不与任何其他drawable共享它的状态。因此,如果您在不使用 mutate() 的情况下更改半径,您也可能会更改其他状态。它最适合特定视图。

最后别忘了设置drawable。

this.setBackground(drawable);

【讨论】:

以上是关于如何以编程方式圆角并设置随机背景颜色的主要内容,如果未能解决你的问题,请参考以下文章

如何以编程方式设置 UINavigationbar 的背景颜色?

如何以编程方式将 Activity 的背景颜色设置为白色?

如何以编程方式在自定义标题栏上设置背景颜色渐变?

以编程方式更改应用小部件背景颜色

Recyclerview 以编程方式设置背景颜色

以编程方式“闪烁” UITableViewCell 将背景颜色设置为白色