Hoạt ảnh CardView: tăng và mở rộng khi nhấp chuột?

Question

Tôi hiện đang trong quá trình tạo ứng dụng Android đầu tiên và tự hỏi phương pháp sẽ là gì để đặt chế độ xem thẻ để nâng cao và sau đó mở rộng thành hình chữ nhật lớn hơn, tiết lộ một đoạn mới?

chỉnh sửa: (đoạn mới sẽ lấp đầy các thứ ba trung tâm của màn hình, không có vấn đề mà các thẻ ban đầu được đặt)

Answer 1

Authentic chuyển động

bề mặt hữu hình không chỉ xuất hiện ra khỏi hư không giống như một bước nhảy trong một bộ phim; chúng di chuyển vào vị trí giúp tập trung sự chú ý, thiết lập các mối quan hệ không gian và duy trì liên tục . Các tài liệu phản hồi lại chạm để xác nhận tương tác của bạn và tất cả các thay đổi tỏa ra từ điểm tiếp xúc của bạn. Mọi chuyển động đều có ý nghĩa và thân mật, hỗ trợ cho sự hiểu biết của người dùng .

Hoạt động + Fragment Transitions

Bằng cách tuyên bố ‘yếu tố chia sẻ’ được phổ biến trên hai màn hình bạn có thể tạo ra một chuyển đổi suôn sẻ giữa hai quốc gia.

album_grid.xml 
… 
    <ImageView 
     … 
     android:transitionName="@string/transition_album_cover" /> 
album_details.xml 
… 
    <ImageView 
     … 
     android:transitionName="@string/transition_album_cover" /> 

AlbumActivity.java 
Intent intent = new Intent(); 
String transitionName = getString(R.string.transition_album_cover); 
… 
ActivityOptionsCompat options = 
ActivityOptionsCompat.makeSceneTransitionAnimation(activity, 
    albumCoverImageView, // The view which starts the transition 
    transitionName // The transitionName of the view we’re transitioning to 
    ); 
ActivityCompat.startActivity(activity, intent, options.toBundle()); 

Ở đây chúng tôi xác định cùng một transitionName trong hai màn hình. Khi bắt đầu Hoạt động mới và quá trình chuyển đổi này được tạo tự động. Trong ngoài các yếu tố được chia sẻ, giờ đây bạn cũng có thể biên đạo vào và các yếu tố thoát.

Nguồn: Implementing Material Design