RecyclerView实现横向滚动

绝地灬酷狼 2022-06-11 00:44 402阅读 0赞

Fruit Class

  1. public class Fruit {
  2. private int fruitImageId; //图片的ID
  3. private String fruitName; //水果名字
  4. public Fruit(String fruitName,int fruitImageId) { //构造函数进行初始化 ,用于创建新的对象的value
  5. this.fruitImageId = fruitImageId;
  6. this.fruitName = fruitName;
  7. }
  8. public int getFruitImageId() { //获得对象(水果)ID(例如R.id.fruitID)
  9. return fruitImageId;
  10. }
  11. public String getFruitName() { //获得对象的名字(字符串类型)
  12. return fruitName;
  13. }
  14. }
  15. FruitAdapter Class
  16. public class FruitAdapter extends RecyclerView.Adapter<FruitAdapter.ViewHolder>{
  17. List<Fruit> mfruitList;
  18. public FruitAdapter(List<Fruit> mfruitList) { //对水果列表集合进行初始化 , 构造函数
  19. this.mfruitList = mfruitList; //把要展示的数据源传进来,并赋值给mfruitList,后续的工作都基于这个数据源
  20. }
  21. @Override
  22. public ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) { //创建HoldView的实例,并把实例返回
  23. View view = LayoutInflater.from(parent.getContext()).inflate(R.layout.fruit,parent,false); //将fruit的布局加载进来
  24. ViewHolder holder = new ViewHolder(view);
  25. return holder;
  26. }
  27. @Override
  28. public void onBindViewHolder(ViewHolder holder, int position) {
  29. Fruit fruit = mfruitList.get(position); //通过positon,获得当前对象Fruit的实例
  30. holder.fruitImage.setImageResource(fruit.getFruitImageId()); //设置实例的图片
  31. holder.fruitName.setText(fruit.getFruitName()); //设置实例的名字
  32. }
  33. @Override
  34. public int getItemCount() {
  35. return mfruitList.size();//获得对象的数量,返回数据源的长度.
  36. }
  37. static class ViewHolder extends RecyclerView.ViewHolder {
  38. ImageView fruitImage;
  39. TextView fruitName;
  40. public ViewHolder(View View) { //view是RecyclerView子项的最外层布局,通过view findViewById()方法,
  41. //就能找到外层的fruit_image和fruit_name的id
  42. super(View);
  43. fruitImage = (ImageView) View.findViewById(R.id.fruit_image);
  44. fruitName = (TextView) View.findViewById(R.id.fruit_name);
  45. }
  46. }
  47. }

MainActivity Class

  1. public class MainActivity extends AppCompatActivity {
  2. List<Fruit> fruitlist = new ArrayList<Fruit>();
  3. @Override
  4. protected void onCreate(Bundle savedInstanceState) {
  5. super.onCreate(savedInstanceState);
  6. setContentView(R.layout.activity_main);
  7. initFruits(); //初始化水果数据
  8. RecyclerView recyclerView = (RecyclerView) findViewById(recycler_view);
  9. LinearLayoutManager layoutManager = new LinearLayoutManager(this); //线性布局的意思,实现ListView功能
  10. layoutManager.setOrientation(LinearLayoutManager.HORIZONTAL ); //设置布局横向排列
  11. recyclerView.setLayoutManager(layoutManager); //layoutmanager用于指定recyclerview的布局方式 FruitAdapter adapter = new FruitAdapter(fruitlist);//将水果的数据传入到FruitAdapter中 recyclerView.setAdapter(adapter); //完成适配器设置,建立关联 } void initFruits(){ for(int i=0;i<2;i++){ Fruit apple = new Fruit("Apple",R.drawable.apple); fruitlist.add(apple); Fruit banana = new Fruit("Banana",R.drawable.banana); fruitlist.add(banana); Fruit cherry = new Fruit("Cherry",R.drawable.cherry); fruitlist.add(cherry); Fruit grape = new Fruit("Grape",R.drawable.grape); fruitlist.add(grape); Fruit mango = new Fruit("Mango",R.drawable.mango); fruitlist.add(mango); Fruit orange = new Fruit("Orange",R.drawable.orange); fruitlist.add(orange); Fruit pear = new Fruit("Pear",R.drawable.pear); fruitlist.add(pear); Fruit pineapple = new Fruit("Pineapple",R.drawable.pineapple); fruitlist.add(pineapple); Fruit strawberry = new Fruit("Strawberry",R.drawable.strawberry); fruitlist.add(strawberry); Fruit watermelon = new Fruit("Watermelon",R.drawable.watermelon); fruitlist.add(watermelon); } }}

activity_main.xml

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <LinearLayout
  3. xmlns:android="http://schemas.android.com/apk/res/android"
  4. android:layout_width="match_parent"
  5. android:layout_height="match_parent">
  6. <android.support.v7.widget.RecyclerView
  7. android:id="@+id/recycler_view"
  8. android:layout_width="match_parent"
  9. android:layout_height="match_parent">
  10. </android.support.v7.widget.RecyclerView>
  11. </LinearLayout>

fruit.xml

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <LinearLayout
  3. xmlns:android="http://schemas.android.com/apk/res/android"
  4. android:layout_width="100dp" //让每个水果的文字所占的空间一样大,美观
  5. android:layout_height="wrap_content"
  6. android:orientation="vertical" //改成垂直方向排列
  7. >
  8. <ImageView
  9. android:id="@+id/fruit_image"
  10. android:src="@drawable/apple"
  11. android:layout_gravity="center_horizontal"
  12. android:layout_width="wrap_content"
  13. android:layout_height="wrap_content" />
  14. <TextView
  15. android:id="@+id/fruit_name"
  16. android:layout_width="wrap_content"
  17. android:layout_height="wrap_content"
  18. android:text="苹果"
  19. android:layout_gravity="center_horizontal"
  20. android:layout_marginTop="10dp"
  21. android:textColor="#000" />
  22. </LinearLayout>

发表评论

表情:
评论列表 (有 0 条评论,402人围观)

还没有评论,来说两句吧...

相关阅读