如何为卡片视图设置随机背景？

问题描述 投票：0回答：7

我目前有一个 Android recyclerview 和一个列表项。在列表项中是我的观点的卡片视图。我想为每张卡片列出随机背景：
我的卡片现在有了坚实的背景，我搜索了每个地方并使用了任何代码，但找不到像示例这样的视图示例。

我的清单项目：

<?xml version="1.0" encoding="utf-8"?>
<android.support.v7.widget.CardView 
    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:id="@+id/card_view_lead"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_margin="8dp"
    app:cardCornerRadius="10dp"
    app:cardPreventCornerOverlap="false">

    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="@drawable/style_lead"
        android:padding="7dp">

        <ImageButton
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentRight="true"
            android:layout_alignParentTop="true"
            android:background="@android:color/transparent"
            android:contentDescription="@string/option"
            android:src="@drawable/ic_option"
            android:tint="@android:color/white" />

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginTop="@dimen/large_margin"
            android:orientation="vertical">

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

                <com.makeramen.roundedimageview.RoundedImageView
                    android:id="@+id/lead_img"
                    android:layout_width="40dp"
                    android:layout_height="40dp"
                    android:contentDescription="@string/test_pic"
                    app:riv_border_color="@color/colorPrimary"
                    app:riv_border_width="0.1dp"
                    app:riv_corner_radius="100dp"
                    tools:src="@drawable/pic_1" />

                <TextView
                    android:id="@+id/lead_name"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_centerInParent="true"
                    android:layout_marginLeft="@dimen/standard_margin"
                    android:layout_toRightOf="@id/lead_img"
                    android:textColor="@android:color/white"
                    android:textSize="@dimen/large_font_size"
                    tools:text="@string/test_name" />

            </RelativeLayout>

            <TextView
                android:id="@+id/lead_city"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginLeft="@dimen/standard_margin"
                android:layout_marginTop="16dp"
                android:textColor="@android:color/white"
                android:textSize="@dimen/large_font_size"
                tools:text="@string/test_city" />

            <RelativeLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_marginLeft="@dimen/standard_margin">

                <TextView
                    android:id="@+id/lead_price"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_marginTop="16dp"
                    android:textColor="@android:color/white"
                    android:textSize="@dimen/large_font_size"
                    tools:text="30$" />

                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_marginLeft="@dimen/large_margin"
                    android:layout_marginTop="16dp"
                    android:layout_toRightOf="@id/lead_price"
                    android:text="@string/per_hour"
                    android:textColor="@android:color/white"
                    android:textSize="@dimen/large_font_size" />

            </RelativeLayout>

            <RelativeLayout
                android:layout_width="match_parent"
                android:layout_height="20dp"
                android:layout_marginTop="16dp">

                <TextView
                    android:id="@+id/with"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_marginLeft="@dimen/standard_margin"
                    android:text="@string/with"
                    android:textColor="@android:color/white"
                    android:textSize="@dimen/large_font_size" />

                <TextView
                    android:id="@+id/lead_vehicle"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_marginLeft="6dp"
                    android:layout_toRightOf="@id/with"
                    android:textColor="@android:color/white"
                    android:textSize="@dimen/large_font_size"
                    tools:text="@string/car" />

                <ImageView
                    android:id="@+id/lead_vehicle_img"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_marginLeft="8dp"
                    android:layout_toRightOf="@id/lead_vehicle"
                    android:contentDescription="@string/car_img"
                    tools:src="@drawable/ic_car" />
            </RelativeLayout>
        </LinearLayout>
    </RelativeLayout>

</android.support.v7.widget.CardView>
android random android-recyclerview android-cardview
7个回答
4
投票

每次将新项目放入适配器列表时，您都可以生成随机颜色 看这个

由于您只提供了 xml 部分，我假设您有一个模型来存储要显示的信息。您可以添加另一个属性“颜色”，您可以在其中存储每个项目的随机颜色，并在您的 onBindViewHolder 方法中设置

4
投票
CardView cardView = (CardView)findViewById(R.id.card_view_lead);
cardView.setCardBackgroundColor(getRandomColorCode());

public int getRandomColorCode(){

  Random random = new Random();

  return Color.argb(255, random.nextInt(256), random.nextInt(256),     random.nextInt(256));

}
2
投票
CardView card = (CardView)findViewById(R.id.card_view_lead);

在你的onbindview holder

Random rnd = new Random();
        currentColor = Color.argb(255, rnd.nextInt(256), rnd.nextInt(256), rnd.nextInt(256));
    holder.card.setCardBackgroundColor(currentColor);
1
投票

像这样在 res/values/colour 中创建数组

<array name="note_neutral_colors">
    <item>#9E9E9E</item>
    <item>#455A64</item>
    <item>#607D8B</item>
</array>

<array name="note_accent_colors">
    <item>#039BE5</item>
    <item>#3D51B3</item>
    <item>#689f38</item>
    <item>#FD7044</item>
</array>

在你的适配器类中

holder.cardView.setCardBackgroundColor(noticeModel.getColor());

模特班

//Variable
int color;
//Cunstructor
this.color=color;  
///and generate Getter Setter

做这个你的主要 Class.java 

private static int getRandomColor(Context context) {
    int[] colors;
    if (Math.random() >= 0.6) {
        colors = context.getResources().getIntArray(R.array.note_accent_colors);
    } else {
        colors = context.getResources().getIntArray(R.array.note_neutral_colors);
    }
    return colors[((int) (Math.random() * colors.length))];
}

用这样的字符串请求调用这个方法

yourModel = new Your_Model(data1,data2,data3,getRandomColor(YourActivity.this));
0
投票

你需要写一些逻辑来产生随机颜色然后像这样使用它

CardView card = (CardView)findViewById(R.id.card);
card.setCardBackgroundColor(color);

要生成随机颜色，Stack Overflow 上已有解决方案，请查看this 链接。

0
投票

通常我们可以这样做， 颜色.xml

    <?xml version="1.0" encoding="utf-8"?>
<resources>

    <item name="blue" type="color">#FF33B5E5</item>
    <item name="purple" type="color">#FFAA66CC</item>
    <item name="green" type="color">#FF99CC00</item>
    <item name="orange" type="color">#FFFFBB33</item>
    <item name="red" type="color">#FFFF4444</item>
    <item name="darkblue" type="color">#FF0099CC</item>
    <item name="darkpurple" type="color">#FF9933CC</item>
    <item name="darkgreen" type="color">#FF669900</item>
    <item name="darkorange" type="color">#FFFF8800</item>
    <item name="darkred" type="color">#FFCC0000</item>

    <integer-array name="androidcolors">
        <item>@color/blue</item>
        <item>@color/purple</item>
        <item>@color/green</item>
        <item>@color/orange</item>
        <item>@color/red</item>
        <item>@color/darkblue</item>
        <item>@color/darkpurple</item>
        <item>@color/darkgreen</item>
        <item>@color/darkorange</item>
        <item>@color/darkred</item>
    </integer-array>

</resources>

在您的 onCreateView() 中执行此操作，

CardView card_view_lead;
         card_view_lead= (CardView) findViewById(R.id.card_view_lead);

        int[] androidColors = getResources().getIntArray(R.array.androidcolors);
        int randomAndroidColor = androidColors[new Random().nextInt(androidColors.length)];
        card_view_lead.setBackgroundColor(randomAndroidColor);

如果你不想使用颜色数组，那么你可以在你的 onCreateView() 或 onCreate() 中这样使用，

mCardViewTop.setCardBackgroundColor(getRandomColor());
public static int getRandomColor() {
        Random rnd = new Random();
        return Color.argb(255, rnd.nextInt(256), rnd.nextInt(256), rnd.nextInt(256));
    }
0
投票

要实现颜色不重复的预期行为，并且每个项目都有基于其位置的唯一颜色，您可以按如下方式修改代码：

<color name="cardColor1">#FFB2B2</color> <!-- light red -->
<color name="cardColor2">#FFD9B2</color> <!-- light orange -->
<color name="cardColor3">#FFFFB2</color> <!-- light yellow -->
<color name="cardColor4">#B2FFB2</color> <!-- light green -->
<color name="cardColor5">#B2FFFF</color> <!-- light blue-green -->
<color name="cardColor6">#B2B2FF</color> <!-- light blue -->
<color name="cardColor7">#D9B2FF</color> <!-- light lavender -->
<color name="cardColor8">#FFB2F5</color> <!-- light magenta -->
<color name="cardColor9">#FFD9E8</color> <!-- light pink -->
<color name="cardColor10">#FFE8D9</color> <!-- light peach -->
<color name="cardColor11">#E8FFD9</color> <!-- light lime -->
<color name="cardColor12">#D9E8FF</color> <!-- light sky blue -->


<array name="cardColors">
    <item>@color/cardColor1</item>
    <item>@color/cardColor2</item>
    <item>@color/cardColor3</item>
    <item>@color/cardColor4</item>
    <item>@color/cardColor5</item>
    <item>@color/cardColor6</item>
    <item>@color/cardColor7</item>
    <item>@color/cardColor8</item>
    <item>@color/cardColor9</item>
    <item>@color/cardColor10</item>
    <item>@color/cardColor11</item>
    <item>@color/cardColor12</item>
</array>

然后，修改方法，根据当前位置选择颜色，同时保证相同颜色不重复：

    int lastColorIndex = -1;
    int[] androidColors = context.getResources().getIntArray(R.array.cardColors);
    int colorIndex = (position % androidColors.length); // get the color index based on the position
    if (colorIndex == lastColorIndex) { // if the same color as the last item is selected, increment the index
        colorIndex = (colorIndex + 1) % androidColors.length;
    }
    cvCard.setCardBackgroundColor(androidColors[colorIndex]);
最新问题
© www.soinside.com 2019 - 2024. All rights reserved.