Question

我正在休假管理上制作一个应用程序，我想让我的离开列表布局如图像所示，我想从数据库中更改状态更改列表视图的颜色。现在我只需添加简单的文本视图来显示列表，但我想修改它就像图像一样，如果你给我代码，它对我真的很有帮助。
这是我的java代码适配器：

@NonNull
@Override
public LeaveViewHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) {
    View view = LayoutInflater.from(parent.getContext()).inflate(R.layout.leave_list, null);
    view.setLayoutParams(new RecyclerView.LayoutParams(RecyclerView.LayoutParams.MATCH_PARENT, RecyclerView.LayoutParams.WRAP_CONTENT));
    LeaveViewHolder viewHolder = new LeaveViewHolder(view);
    return viewHolder;
}

@Override
public void onBindViewHolder(@NonNull LeaveViewHolder holder, int position) {

    LeaveModel leave = leaveList.get(position);
    holder.tVFrom_date.setText("From:  " + leave.getFrom_date());
    holder.tVTo_date.setText("To:  " + leave.getTo_date());
    holder.tVStatus.setText("Status: " + leave.getLeavestatus());
    if (holder.tVStatus == null) {

    } else {

    }
}

@Override
public int getItemCount() {
    return leaveList.size();
}

public class LeaveViewHolder extends RecyclerView.ViewHolder  {
    protected TextView tVFrom_date, tVTo_date, tVStatus;
    public View container;

    public LeaveViewHolder(View itemView) {
        super(itemView);
        tVFrom_date = itemView.findViewById(R.id.tVFrom_date);
        tVTo_date = itemView.findViewById(R.id.tVTo_date);
        tVStatus = itemView.findViewById(R.id.tVStatus);

    }
}

这是我的Xml布局：

<android.support.v7.widget.CardView 
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:card_view="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    card_view:cardCornerRadius="5dp"
    card_view:cardElevation="5dp"
    card_view:cardPreventCornerOverlap="false"
    card_view:cardUseCompatPadding="true">

    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:paddingEnd="6dp"
        android:paddingStart="6dp">

        <TextView
            android:id="@+id/tVFrom_date"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginTop="5dp"
            android:textColor="@color/Black"/>

        <TextView
            android:id="@+id/tVTo_date"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_below="@+id/tVFrom_date"
            android:layout_marginTop="5dp"
            android:textColor="@color/Black"/>

        <TextView
            android:id="@+id/tVStatus"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_below="@+id/tVTo_date"
            android:layout_marginTop="5dp"
            android:textColor="@color/Red"
            android:textStyle="bold" />
    </RelativeLayout>
</android.support.v7.widget.CardView>

Answer 1

我在您的布局中添加了图片视图，因此将此图片视图的颜色更改为状态

<android.support.v7.widget.CardView xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:card_view="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="wrap_content"
card_view:cardCornerRadius="5dp"
card_view:cardElevation="5dp"
card_view:cardPreventCornerOverlap="true"
card_view:cardUseCompatPadding="true">

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="horizontal">

    <ImageView
        android:id="@+id/img_LeaveAdapter_highlight"
        android:layout_width="8dp"
        android:layout_height="match_parent"
        android:background="@color/colorPrimary" />

    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:paddingEnd="6dp"
        android:paddingStart="6dp">

        <TextView
            android:id="@+id/tVFrom_date"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginTop="5dp"
            android:textColor="@color/Black" />

        <TextView
            android:id="@+id/tVTo_date"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_below="@+id/tVFrom_date"
            android:layout_marginTop="5dp"
            android:textColor="@color/Black"

            />

        <TextView
            android:id="@+id/tVStatus"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_below="@+id/tVTo_date"
            android:layout_marginTop="5dp"
            android:textColor="@color/Red"
            android:textStyle="bold" />

    </RelativeLayout>
</LinearLayout>

我已根据您的理解创建了适配器

public class LeaveAdapter extends RecyclerView.Adapter<LeaveAdapter.MyViewHolder> {
Activity activity;
ArrayList<LeaveModel> list;

public LeaveAdapter(Activity activity, ArrayList<LeaveModel> list) {
    this.activity = activity;
    this.list = list;
}

@NonNull
@Override
public MyViewHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) {
    View rootView = LayoutInflater.from(parent.getContext()).inflate(R.layout.row_leaveadapter, parent, false);
    return new MyViewHolder(rootView);
}

@Override
public void onBindViewHolder(@NonNull MyViewHolder holder, int position) {

    String leaveStatus = list.get(position).getLeaveStatus();
    if (leaveStatus.equals("Panding for approval")) {
        holder.img_LeaveAdapter_highlight.setBackgroundColor(ContextCompat.getColor(activity, R.color.Red));

    } else if (leaveStatus.equals("Approved")) {
        holder.img_LeaveAdapter_highlight.setBackgroundColor(ContextCompat.getColor(activity, R.color.Green));

    }
}

@Override
public int getItemCount() {
    return list.size();
}

public class MyViewHolder extends RecyclerView.ViewHolder {
    ImageView img_LeaveAdapter_highlight;

    public MyViewHolder(View itemView) {
        super(itemView);
        img_LeaveAdapter_highlight = itemView.findViewById(R.id.img_LeaveAdapter_highlight);
    }
}
}

Answer 2

这里有2个选项：

在RelativeLayout中，添加FrameLayout空元素并将左父对齐全高和~5dp宽度。然后在你的onBindViewHolder（）中根据需要设置FrameLayout背景颜色。当然，这个选项是简单的形状（矩形）
如果您想要的形状是特定的，也可以在RelativeLayout中添加.PNG图像并以编程方式设置backgroundTint

状态变化的颜色变化

2 个答案: