Android support card view V7 framework: establish a self -order card layout
Android support card view V7 framework: establish a self -order card layout
In Android development, card views are a common layout effect, which can be used to display items list, news projects, products and other content.The Android support card view V7 framework provides a set of tools that make developers easier to establish a card -type interface.
First of all, we need to ensure that the V7 support library is introduced in the project's Build.gradle file:
implementation 'com.android.support:cardview-v7:28.0.0'
Next, we will build a custom card layout.Create a new XML file in the res/layout folder, such as Card_item.xml.The following is a simple example:
<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:id="@+id/card_view"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_margin="8dp"
card_view:cardCornerRadius="4dp">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="vertical"
android:padding="12dp">
<ImageView
android:id="@+id/image"
android:layout_width="match_parent"
android:layout_height="200dp"
android:scaleType="centerCrop"
android:src="@drawable/image_placeholder" />
<TextView
android:id="@+id/title"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="Card Title"
android:textSize="20sp"
android:textStyle="bold" />
<TextView
android:id="@+id/description"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="Card Description"
android:textSize="16sp" />
</LinearLayout>
</android.support.v7.widget.CardView>
In this example, we use CardView to pack a linearlayout, and place a picture and two TextViews in it, which are used for the title and description content of the graphics card.
Next, in the code, we can use this custom card layout to dynamically generate card views.The following is a simple Java example:
public class MainActivity extends AppCompatActivity {
private LinearLayout cardContainer;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
cardContainer = findViewById(R.id.card_container);
// Dynamically generate three cards
for (int i = 0; i < 3; i++) {
View cardView = LayoutInflater.from(this).inflate(R.layout.card_item, cardContainer, false);
ImageView imageView = cardView.findViewById(R.id.image);
TextView titleTextView = cardView.findViewById(R.id.title);
TextView descriptionTextView = cardView.findViewById(R.id.description);
// Set the content of the card
imageView.setImageResource(R.drawable.card_image);
titleTextView.setText("Card " + (i+1));
descriptionTextView.setText("This is the description for Card " + (i+1));
cardContainer.addView(cardView);
}
}
}
In this example, we first find a linearlayout, then use Layoutinflator to dynamically generate three custom card views and add it to the container.We can also change the content of the card as needed.
In this way, the process of establishing a custom card layout using the Android support card view V7 framework is completed.Developers can further strengthen the function and appearance of the card view according to their needs.
