ExpandedView

• MainActivity.java

binding.llExpand1.setOnClickListener(view -> {
if (binding.hiddenView1.getVisibility() == View.VISIBLE) {
TransitionManager.beginDelayedTransition(binding.baseCardview1, newAutoTransition());
binding.hiddenView1.setVisibility(View.GONE);
binding.arrowButton1.setImageResource(R.drawable.ic_baseline_expand_more_24);
binding.llExpand1.setBackgroundColor(ContextCompat.getColor(getApplicationContext(), R.color.grey_300));
} else {
TransitionManager.beginDelayedTransition(binding.baseCardview1, newAutoTransition());
binding.hiddenView1.setVisibility(View.VISIBLE);
binding.arrowButton1.setImageResource(R.drawable.ic_baseline_expand_less_24);
binding.llExpand1.setBackgroundColor(ContextCompat.getColor(getApplicationContext(), R.color.grey_400));
}
});

• activity_main.xml

<androidx.cardview.widget.CardView
android:id="@+id/base_cardview1"style="@style/Base.CardView"android:layout_width="match_parent"android:layout_height="wrap_content"android:layout_marginLeft="@dimen/def_margin"android:layout_marginTop="@dimen/def_margin"android:layout_marginRight="@dimen/def_margin"app:cardCornerRadius="@dimen/radius">
<LinearLayoutandroid:layout_width="match_parent"android:layout_height="wrap_content"android:orientation="vertical">
<LinearLayoutandroid:id="@+id/ll_expand1"android:layout_width="match_parent"android:layout_height="wrap_content"android:background="@color/grey_300"android:gravity="center"android:padding="@dimen/space">
<TextViewandroid:id="@+id/heading1"android:layout_width="0dp"android:layout_height="wrap_content"android:layout_weight="1"android:text="Deskripsi Produk"android:textStyle="bold" />
<ImageViewandroid:id="@+id/arrow_button1"android:layout_width="wrap_content"android:layout_height="wrap_content"android:src="@drawable/ic_baseline_expand_more_24" />
</LinearLayout>
<LinearLayoutandroid:id="@+id/hidden_view1"android:layout_width="match_parent"android:layout_height="wrap_content"android:background="@color/grey_100"android:orientation="vertical"android:padding="@dimen/space"android:visibility="gone"tools:visibility="visible">
<TextViewandroid:id="@+id/tv_hidden1"android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="MyTextContent" />
</LinearLayout>
</LinearLayout>
</androidx.cardview.widget.CardView>

• dimens.xml

<?xml version="1.0" encoding="utf-8"?>
<resources>
<dimenname="def_margin">16dp</dimen>
<dimenname="radius">10dp</dimen>
<dimenname="space">10dp</dimen>
</resources>

• colors.xml

<colorname="grey_100">#F5F5F5</color>
<colorname="grey_300">#E0E0E0</color>
<colorname="grey_400">#BDBDBD</color>

---

Copyright 2021 M. Fadli Zein