使用 Android 支援卡片視圖 V7 框架實現卡片堆疊效果
使用 Android 支援卡片視圖 V7 框架實現卡片堆疊效果
Android 支援卡片視圖 V7 框架是一組用於實現卡片介面的支援函式庫，提供了一種簡單且有效的方式來顯示多個卡片，並實現卡片堆疊效果。這種效果可以增加應用程式的交互性和視覺效果，同時也提供了一種直覺的方式讓用戶進行操作。
首先，我們需要將 Android 支援卡片視圖 V7 框架添加到專案的 Gradle 檔案中：
gradle
implementation 'com.android.support:cardview-v7:28.0.0'
在佈局檔案中，我們可以使用 CardView 佈局容器來包裹卡片的內容。例如，假設我們有一個 RecyclerView 來顯示多個卡片，每個卡片內容包含圖片和文字：
<android.support.v7.widget.CardView
android:layout_width="match_parent"
android:layout_height="wrap_content"
app:cardCornerRadius="8dp"
app:cardElevation="4dp"
app:cardUseCompatPadding="true">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="vertical"
android:padding="16dp">
<ImageView
android:layout_width="match_parent"
android:layout_height="200dp"
android:src="@drawable/card_image" />
<TextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="這是一個卡片的標題" />
<TextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="這是卡片的內容" />
</LinearLayout>
</android.support.v7.widget.CardView>
接下來，我們需要建立一個 RecyclerView.Adapter 類別來提供卡片的數據和佈局。在 onBindViewHolder 方法中，我們可以設置每個卡片的內容：
public class CardAdapter extends RecyclerView.Adapter<CardAdapter.CardViewHolder> {
private List<Card> cardList;
public static class CardViewHolder extends RecyclerView.ViewHolder {
public ImageView imageView;
public TextView titleTextView;
public TextView contentTextView;
public CardViewHolder(View view) {
super(view);
imageView = view.findViewById(R.id.card_image);
titleTextView = view.findViewById(R.id.card_title);
contentTextView = view.findViewById(R.id.card_content);
}
}
public CardAdapter(List<Card> cardList) {
this.cardList = cardList;
}
@NonNull
@Override
public CardViewHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) {
View itemView = LayoutInflater.from(parent.getContext())
.inflate(R.layout.card_item, parent, false);
return new CardViewHolder(itemView);
}
@Override
public void onBindViewHolder(@NonNull CardViewHolder holder, int position) {
Card card = cardList.get(position);
holder.imageView.setImageResource(card.getImageResource());
holder.titleTextView.setText(card.getTitle());
holder.contentTextView.setText(card.getContent());
}
@Override
public int getItemCount() {
return cardList.size();
}
}
最後，我們需要在 Activity 或 Fragment 中設置 RecyclerView 和卡片適配器：
RecyclerView recyclerView = findViewById(R.id.recycler_view);
CardAdapter cardAdapter = new CardAdapter(cardList);
RecyclerView.LayoutManager layoutManager = new LinearLayoutManager(this);
recyclerView.setLayoutManager(layoutManager);
recyclerView.setAdapter(cardAdapter);
通過上述步驟，我們可以實現卡片堆疊的效果，其中每個卡片都具有陰影、圓角和適應內容的特性。用戶可以通過滑動或點擊卡片進行相應操作。
希望這篇文章對於使用 Android 支援卡片視圖 V7 框架實現卡片堆疊效果有所幫助。透過這個框架，我們可以輕鬆地創建出交互性和視覺效果豐富的卡片界面。您可以根據您的需求進一步定制和擴展卡片的功能和外觀。
Read in English