color change of status change

Question

I am making an application on leave management and I want to make my leave list layout like shown in the image I want to change the colour of list view on status change from the database. Now i just add the simple text view to show the list but i want to modify it like the image it will really helpful to me if you give me the code.
here is my java code adapter:

@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);

    }
}

Here is my Xml layout:

<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

I have added image view in your layout so change color of this image view as par the status

<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>

and i have created adapter just for your understanding

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

You have 2 options here:

• In your RelativeLayout, add FrameLayout empty element and align left parent with full height and ~5dp width. Then in your onBindViewHolder() set FrameLayout background colour as you need. Of course, this option is simple shape (Rectangle)

• If the shape you want is specific, also in RelativeLayout, add .PNG image and set backgroundTint programmatically