Android Material 디자인 의 목록 과 카드 생 성 방법 분석

5.0 은 Material Design 의 style 과 animation 을 사용 하여 두 개의 새로운 Widget 을 제공 합 니 다.
4.567917.RecyclerView 는 서로 다른 레이아웃 유형 을 지원 하고 성능 이 개선 되 었 습 니 다.(리스트 식)4.567917.CardView 는 그 안에 중요 한 정 보 를 표시 하고 일관성 있 는 시각 과 느낌 을 유지 할 수 있 는 카드 입 니 다.(카드 식
sdk/extras/android/support/v7/cardview 와 sdk/extras/android/support/v7/RecyclerView 에 있 습 니 다.

목록 만 들 기
RecyclerView 구성 요 소 는 더욱 선진 적 이 고 유연 한 버 전의 목록 보기 입 니 다.이 작은 위 젯 은 매우 효율 적 인 용기 로 제 한 된 views 를 통 해 대형 데이터 세트 를 스크롤 하여 표시 할 수 있 습 니 다.
RecyclerView 구성 요소 데이터 집합 요 소 는 실행 시 사용자 조작 이나 네트워크 이벤트 에 따라 변경 할 수 있 습 니 다.
RecyclerView 류 는 대형 데이터 세트 를 표시 하고 처리 하 는 것 을 간소화 하여 제공 합 니 다.
레이아웃 관리자

흔히 볼 수 있 는 기본 애니메이션 item 작업,예 를 들 어 항목 삭제,추가

RecyclerView 에서 레이아웃 관리자 와 애니메이션 을 유연 하 게 정의 할 수 있 습 니 다.

RecyclerView 구성 요 소 를 사용 하려 면 어댑터 와 레이아웃 관리 자 를 지정 해 야 합 니 다.RecyclerView.Adapter 클래스 를 계승 하 는 어댑터 를 만 듭 니 다.더 많은 정보 에 대해 서 는 아래 의 예 를 참조 하 시기 바 랍 니 다.
RecyclerView 를 확인 하고 프로젝트 보 기 를 다시 사용 할 때 레이아웃 관리자 가 item 을 이용 하 는 방법 은 더 이상 사용자 에 게 보이 지 않 습 니 다.보 기 를 다시 사용 하거나 회수 합 니 다.레이아웃 관리 자 는 어댑터 에 물 어 볼 수 있 습 니 다.내용 이 다른 데이터 세트 요소 로 바 뀔 수 있 습 니 다.view 를 회수 할 때 이러한 방식 으로 성능 을 개선 합 니 다.불필요 한 view 를 만 들 거나 소모 가 큰 findViewById()조 회 를 실행 하지 않도록 합 니 다.
RecyclerView 는 다음 과 같은 관리 자 를 제공 합 니 다.

LinearLayoutManager  가로 또는 세로 스크롤 목록

GridLayoutManager  격자 목록

StaggeredGridLayoutManager  교차 하 는 격자 목록

사용자 정의 레이아웃 관리 자 를 만 들 려 면 RecyclerView 를 계승 해 야 합 니 다.LayoutManager 클래스
애니메이션:
아 이 템 의 애니메이션 을 추가 하고 삭제 합 니 다.RecyclerView 에서 기본적으로 사용 합 니 다.이 애니메이션 을 만 들 려 면 RecyclerView.ItemAnimator 클래스 를 계승 하고 RecyclerView.setItemAnimator()방법 을 사용 해 야 합 니 다.
예:
layout

<!-- A RecyclerView with some commonly used attributes --> 
<android.support.v7.widget.RecyclerView 
  android:id="@+id/my_recycler_view" 
  android:scrollbars="vertical" 
  android:layout_width="match_parent" 
  android:layout_height="match_parent"/> 

activity

public class MyActivity extends Activity { 
  private RecyclerView mRecyclerView; 
  private RecyclerView.Adapter mAdapter; 
  private RecyclerView.LayoutManager mLayoutManager; 
 
  @Override 
  protected void onCreate(Bundle savedInstanceState) { 
    super.onCreate(savedInstanceState); 
    setContentView(R.layout.my_activity); 
    mRecyclerView = (RecyclerView) findViewById(R.id.my_recycler_view); 
 
    // use this setting to improve performance if you know that changes 
    // in content do not change the layout size of the RecyclerView 
    mRecyclerView.setHasFixedSize(true); //    size       
 
    // use a linear layout manager 
    mLayoutManager = new LinearLayoutManager(this); 
    mRecyclerView.setLayoutManager(mLayoutManager); 
 
    // specify an adapter (see also next example) 
    mAdapter = new MyAdapter(myDataset); 
    mRecyclerView.setAdapter(mAdapter); 
  } 
  ... 
} 

adapter

public class MyAdapter extends RecyclerView.Adapter<MyAdapter.ViewHolder> { 
  private String[] mDataset; 
 
  // Provide a reference to the views for each data item 
  // Complex data items may need more than one view per item, and 
  // you provide access to all the views for a data item in a view holder 
  public static class ViewHolder extends RecyclerView.ViewHolder { 
    // each data item is just a string in this case 
    public TextView mTextView; 
    public ViewHolder(TextView v) { 
      super(v); 
      mTextView = v; 
    } 
  } 
 
  // Provide a suitable constructor (depends on the kind of dataset) 
  public MyAdapter(String[] myDataset) { 
    mDataset = myDataset; 
  } 
 
  // Create new views (invoked by the layout manager) 
  @Override 
  public MyAdapter.ViewHolder onCreateViewHolder(ViewGroup parent, 
                          int viewType) { 
    // create a new view 
    TextView v = (TextView)LayoutInflater.from(parent.getContext()) 
                .inflate(R.layout.my_text_view, parent, false); 
    // set the view's size, margins, paddings and layout parameters 
    ... 
    ViewHolder vh = new ViewHolder(v); 
    return vh; 
  } 
 
  // Replace the contents of a view (invoked by the layout manager) 
  @Override 
  public void onBindViewHolder(ViewHolder holder, int position) { 
    // - get element from your dataset at this position 
    // - replace the contents of the view with that element 
    holder.mTextView.setText(mDataset[position]); 
 
  } 
 
  // Return the size of your dataset (invoked by the layout manager) 
  @Override 
  public int getItemCount() { 
    return mDataset.length; 
  } 
} 

카드 만 들 기
CardView 는 FrameLayout 에서 계승 하여 카드 식 으로 일치 하 는 외관 을 표시 합 니 다.그것 은 음영 과 원 각 을 가 질 수 있다.
그림자 가 있 는 카드 를 만 들 고 카드 사용 하기view:cardElevation 속성.
이 속성 을 사용 하여 CardView 구성 요소 의 외관 을 맞 춥 니 다.

당신 의 레이아웃 에 원 각 반경 을 설정 하고 카드 사용view:cardCornerRadius 속성

코드 에 원 각 반경 을 설정 하고 CardView.setRadius 방법 을 사용 합 니 다카드 의 배경 색 을 설정 하고 카드 사용view:cardBackgroundColor 속성예.

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
  xmlns:tools="http://schemas.android.com/tools" 
  xmlns:card_view="http://schemas.android.com/apk/res-auto" 
  ... > 
  <!-- A CardView that contains a TextView --> 
  <android.support.v7.widget.CardView 
    xmlns:card_view="http://schemas.android.com/apk/res-auto" 
    android:id="@+id/card_view" 
    android:layout_gravity="center" 
    android:layout_width="200dp" 
    android:layout_height="200dp" 
    card_view:cardCornerRadius="4dp"> 
 
    <TextView 
      android:id="@+id/info_text" 
      android:layout_width="match_parent" 
      android:layout_height="match_parent" /> 
  </android.support.v7.widget.CardView> 
</LinearLayout> 

의존 도 추가:
gradle 의존

dependencies { 
  ... 
  compile 'com.android.support:cardview-v7:21.0.+' 
  compile 'com.android.support:recyclerview-v7:21.0.+' 
}