首页 > 代码库 > RecyclerView和CardView
RecyclerView和CardView
相对其他View,这个比较复杂
1.新建一个layout文件item_list_content.xml来存放CardView
1 <?xml version="1.0" encoding="utf-8"?> 2 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 3 android:layout_width="wrap_content" 4 android:layout_height="wrap_content" 5 android:orientation="horizontal"> 6 7 <android.support.v7.widget.CardView 8 android:layout_width="match_parent" 9 android:layout_height="wrap_content"> 10 11 <LinearLayout 12 android:padding="2dp" 13 android:layout_width="match_parent" 14 android:layout_height="wrap_content" 15 android:orientation="vertical"> 16 17 <TextView 18 android:id="@+id/textViewFirst" 19 android:layout_width="match_parent" 20 android:layout_height="wrap_content" 21 android:layout_margin="@dimen/text_margin" 22 android:textAppearance="?attr/textAppearanceListItem" /> 23 24 <TextView 25 android:id="@+id/textViewLast" 26 android:layout_width="match_parent" 27 android:layout_height="wrap_content" 28 android:layout_margin="@dimen/text_margin" 29 android:textAppearance="?attr/textAppearanceListItem" /> 30 31 </LinearLayout> 32 33 </android.support.v7.widget.CardView> 34 35 36 </LinearLayout>
2.加入RecyclerView
1 <?xml version="1.0" encoding="utf-8"?> 2 <android.support.design.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android" 3 xmlns:app="http://schemas.android.com/apk/res-auto" 4 xmlns:tools="http://schemas.android.com/tools" 5 android:layout_width="match_parent" 6 android:layout_height="match_parent" 7 tools:context="com.mazingtec.mazing.Hall"> 8 9 <android.support.design.widget.AppBarLayout 10 android:layout_width="match_parent" 11 android:layout_height="wrap_content"> 12 13 <android.support.v7.widget.Toolbar 14 android:id="@+id/toolbar" 15 android:layout_width="match_parent" 16 app:navigationIcon="@mipmap/ic_menu_white_48dp" 17 app:titleTextAppearance="@style/TextAppearance.AppCompat.Large" 18 android:layout_height="?attr/actionBarSize" 19 android:background="@color/primary_dark_material_dark"> 20 21 <TextView 22 android:id="@+id/toolbar_title" 23 android:layout_width="wrap_content" 24 android:layout_height="wrap_content" 25 android:layout_gravity="center" 26 android:textAppearance="@style/TextAppearance.AppCompat.Large" 27 android:text="@string/main_title1" 28 android:textSize="20sp" /> 29 30 </android.support.v7.widget.Toolbar> 31 32 </android.support.design.widget.AppBarLayout> 33 34 <android.support.v7.widget.RecyclerView xmlns:android="http://schemas.android.com/apk/res/android" 35 xmlns:app="http://schemas.android.com/apk/res-auto" 36 xmlns:tools="http://schemas.android.com/tools" 37 android:id="@+id/recyclerView" 38 android:layout_width="match_parent" 39 android:layout_height="wrap_content" 40 android:layout_marginLeft="16dp" 41 android:layout_marginRight="16dp" 42 app:layout_behavior="@string/appbar_scrolling_view_behavior" 43 app:layoutManager="LinearLayoutManager" 44 tools:listitem="@layout/item_list_content"/> 45 46 <android.support.design.widget.BottomNavigationView 47 android:id="@+id/navigation" 48 android:layout_width="match_parent" 49 android:layout_height="wrap_content" 50 android:layout_gravity="bottom" 51 android:background="?android:attr/windowBackground" 52 app:menu="@menu/bottomnav_menu" /> 53 54 </android.support.design.widget.CoordinatorLayout>
3.建立一个新的Package用来存放所有的数据类,data,建立RecyclerView的数据类
1 public class HallData { 2 private String first; 3 private String last; 4 5 public HallData () {} 6 7 public HallData(String first, String last) { 8 this.first = first; 9 this.last = last; 10 } 11 12 public String getFirst() { 13 14 return first; 15 } 16 17 public String getLast() { 18 19 return last; 20 } 21 22 }
4.新建一个Package用于存放控制器,mAdapter,并新件一个class来控制RecyclerView,RvAdapter
1 public class RvAdapter extends RecyclerView.Adapter<RvAdapter.ViewHolder> { 2 3 private List<HallData> hallDatas; 4 private Context context; 5 6 public RvAdapter(List<HallData> hallDatas, Context context) { 7 this.hallDatas = hallDatas; 8 this.context = context; 9 } 10 11 @Override 12 public ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) { 13 View v = LayoutInflater.from(parent.getContext()) 14 .inflate(R.layout.item_list_content, parent, false); 15 16 return new ViewHolder(v); 17 } 18 19 @Override 20 public void onBindViewHolder(ViewHolder holder, int position) { 21 HallData hallData =http://www.mamicode.com/ hallDatas.get(position); 22 23 holder.textViewFirst.setText(hallData.getFirst()); 24 holder.textViewLast.setText(hallData.getLast()); 25 26 } 27 28 @Override 29 public int getItemCount() { 30 return hallDatas.size(); 31 } 32 33 public class ViewHolder extends RecyclerView.ViewHolder { 34 35 public TextView textViewFirst; 36 public TextView textViewLast; 37 38 public ViewHolder(View itemView) { 39 super(itemView); 40 41 textViewFirst = (TextView) itemView.findViewById(R.id.textViewFirst); 42 textViewLast = (TextView) itemView.findViewById(R.id.textViewLast); 43 } 44 } 45 }
5.最后就是代码实现了,做了一些假数据
1 package com.mazingtec.mazing; 2 3 import android.support.annotation.NonNull; 4 import android.support.design.widget.BottomNavigationView; 5 import android.support.v7.app.AppCompatActivity; 6 import android.os.Bundle; 7 import android.support.v7.widget.LinearLayoutManager; 8 import android.support.v7.widget.RecyclerView; 9 import android.support.v7.widget.Toolbar; 10 import android.view.Menu; 11 import android.view.MenuItem; 12 import android.view.View; 13 import android.widget.TextView; 14 import android.widget.Toast; 15 16 import com.mazingtec.mazing.data.HallData; 17 import com.mazingtec.mazing.mAdapter.RvAdapter; 18 19 import java.util.ArrayList; 20 import java.util.List; 21 22 public class Hall extends AppCompatActivity implements View.OnClickListener{ 23 24 private TextView toolbartitle; 25 26 private RecyclerView recyclerView; 27 private RecyclerView.Adapter adapter; 28 private List<HallData> hallDatas; 29 30 private BottomNavigationView.OnNavigationItemSelectedListener mOnNavigationItemSelectedListener 31 = new BottomNavigationView.OnNavigationItemSelectedListener() { 32 33 @Override 34 public boolean onNavigationItemSelected(@NonNull MenuItem item) { 35 switch (item.getItemId()) { 36 case R.id.navigation_hunt: 37 toolbartitle.setText(R.string.main_title1); 38 return true; 39 40 case R.id.navigation_hall: 41 toolbartitle.setText(R.string.main_title2); 42 return true; 43 44 case R.id.navigation_treasury: 45 toolbartitle.setText(R.string.main_title3); 46 return true; 47 } 48 return false; 49 } 50 51 }; 52 53 @Override 54 protected void onCreate(Bundle savedInstanceState) { 55 super.onCreate(savedInstanceState); 56 setContentView(R.layout.activity_hall); 57 58 //Toolbar setup 59 toolbartitle = (TextView) findViewById(R.id.toolbar_title); 60 Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar); 61 toolbar.setTitle(""); 62 setSupportActionBar(toolbar); 63 getSupportActionBar().setDisplayHomeAsUpEnabled(true); 64 getSupportActionBar().setHomeButtonEnabled(true); 65 66 //Add BottomNavigationView listener 67 BottomNavigationView navigation = (BottomNavigationView) findViewById(R.id.navigation); 68 navigation.setOnNavigationItemSelectedListener(mOnNavigationItemSelectedListener); 69 70 //Setup RecyclerView 71 recyclerView = (RecyclerView) findViewById(R.id.recyclerView); 72 recyclerView.setHasFixedSize(true); 73 recyclerView.setLayoutManager(new LinearLayoutManager(this)); 74 hallDatas = new ArrayList<>(); 75 76 for(int i = 0; i <= 10; i++) { 77 HallData hallData = http://www.mamicode.com/new HallData( 78 "first " + (i+1), 79 "Last" 80 ); 81 82 hallDatas.add(hallData); 83 } 84 85 adapter = new RvAdapter(hallDatas, this); 86 recyclerView.setAdapter(adapter); 87 } 88 89 @Override 90 public void onClick(View v) { 91 92 } 93 94 @Override 95 public boolean onCreateOptionsMenu(Menu menu) { 96 // Inflate the menu; this adds items to the action bar if it is present. 97 getMenuInflater().inflate(R.menu.toolbar_menu, menu); 98 return true; 99 } 100 101 @Override 102 public boolean onOptionsItemSelected(MenuItem item) { 103 // Handle action bar item clicks here. The action bar will 104 // automatically handle clicks on the Home/Up button, so long 105 // as you specify a parent activity in AndroidManifest.xml. 106 int id = item.getItemId(); 107 108 //noinspection SimplifiableIfStatement 109 if (id == R.id.action_search) { 110 Toast.makeText(this, "搜索!", Toast.LENGTH_LONG).show(); 111 return true; 112 } 113 114 if (id == android.R.id.home) { 115 Toast.makeText(this, "哈哈!", Toast.LENGTH_LONG).show(); 116 return true; 117 } 118 119 return super.onOptionsItemSelected(item); 120 } 121 122 }
RecyclerView和CardView
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。