【移动应用开发技术】Android中RecyclerView UI滚动控件的示例分析

【移动应用开发技术】Android中RecyclerViewUI滚动控件的示例分析

1基本用法compile

'com.android.support:recyclerview-v7:24.2.1'<?xml

version="1.0"

encoding="utf-8"?>

<LinearLayout

xmlns:android="/apk/res/android"

android:layout_width="match_parent"

android:layout_height="match_parent">

<android.support.v7.widget.RecyclerView

android:id="@+id/recycler_view"

android:layout_width="match_parent"

android:layout_height="match_parent"

/>

</LinearLayout>public

class

CatAdapter

extends

RecyclerView.Adapter<CatAdapter.ViewHolder>

{

private

List<Cat>

cats;

static

class

ViewHolder

extends

RecyclerView.ViewHolder

{

ImageView

image;

TextView

name;

public

ViewHolder(View

view)

{

super(view);

image

=

(ImageView)

view.findViewById(R.id.image);

name

=

(TextView)

view.findViewById(R.);

}

}

public

CatAdapter(List<Cat>

cats)

{

this.cats

=

cats;

}

@Override

public

ViewHolder

onCreateViewHolder(ViewGroup

parent,

int

viewType)

{

View

view

=

LayoutInflater.from(parent.getContext()).inflate(R.layout.cat_item,

parent,

false);

return

new

ViewHolder(view);

}

@Override

public

void

onBindViewHolder(ViewHolder

holder,

int

position)

{

Cat

cat

=

cats.get(position);

holder.image.setImageResource(cat.getImageId());

.setText(cat.getName());

}

@Override

public

int

getItemCount()

{

return

cats.size();

}

}public

class

MainActivity

extends

AppCompatActivity

{

private

List<Cat>

cats

=

new

ArrayList<>();

@Override

protected

void

onCreate(Bundle

savedInstanceState)

{

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_main);

init();

RecyclerView

recyclerView=(RecyclerView)findViewById(R.id.recycler_view);

LinearLayoutManager

layoutManager=new

LinearLayoutManager(this);

recyclerView.setLayoutManager(layoutManager);

CatAdapter

adapter=new

CatAdapter(cats);

recyclerView.setAdapter(adapter);

}

/**

*

初始化数据

*/

private

void

init()

{

cats.add(new

Cat("暹罗猫",

R.drawable.cat1));

cats.add(new

Cat("布偶猫",

R.drawable.cat2));

cats.add(new

Cat("苏格兰折耳猫",

R.drawable.cat3));

cats.add(new

Cat("英国短毛猫",

R.drawable.cat4));

cats.add(new

Cat("波斯猫",

R.drawable.cat5));

cats.add(new

Cat("俄罗斯蓝猫",

R.drawable.cat6));

cats.add(new

Cat("美国短毛猫",

R.drawable.cat7));

cats.add(new

Cat("异国短毛猫",

R.drawable.cat8));

cats.add(new

Cat("挪威森林猫",

R.drawable.cat9));

cats.add(new

Cat("孟买猫",

R.drawable.cat10));

cats.add(new

Cat("缅因猫",

R.drawable.cat11));

cats.add(new

Cat("埃及猫",

R.drawable.cat12));

}

}/upload/information/20200623/125/124108.jpg2横向滚动<?xml

version="1.0"

encoding="utf-8"?>

<LinearLayout

xmlns:android="/apk/res/android"

android:layout_width="110dp"

android:layout_height="wrap_content"

android:orientation="vertical"

>

<ImageView

android:id="@+id/image"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_gravity="center_horizontal"

/>

<TextView

android:id="@+id/name"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_gravity="center_horizontal"

android:layout_marginTop="10dp"

/>

</LinearLayout>@Override

protected

void

onCreate(Bundle

savedInstanceState)

{

...

layoutManager.setOrientation(LinearLayoutManager.HORIZONTAL);

...

}/upload/information/20200623/125/124109.jpg3瀑布流布局<LinearLayout

xmlns:android="/apk/res/android"

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:orientation="vertical"

android:layout_margin="5dp"

>

<ImageView

android:id="@+id/image"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_gravity="center_horizontal"

/>

<TextView

android:id="@+id/name"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_gravity="left"

android:layout_marginTop="10dp"

/>

</LinearLayout>@Override

protected

void

onCreate(Bundle

savedInstanceState)

{

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_main);

init();

RecyclerView

recyclerView

=

(RecyclerView)

findViewById(R.id.recycler_view);

StaggeredGridLayoutManager

layoutManager=new

StaggeredGridLayoutManager(3,StaggeredGridLayoutManager.VERTICAL);

recyclerView.setLayoutManager(layoutManager);

CatAdapter

adapter

=

new

CatAdapter(cats);

recyclerView.setAdapter(adapter);

}/upload/information/20200623/125/124110.jpg4点击事件static

class

ViewHolder

extends

RecyclerView.ViewHolder

{

View

catView;

ImageView

image;

TextView

name;

public

ViewHolder(View

view)

{

super(view);

catView

=

view;

image

=

(ImageView)

view.findViewById(R.id.image);

name

=

(TextView)

view.findViewById(R.);

Log.d(TAG,

"ViewHolder:

image:"

+

image);

Log.d(TAG,

"ViewHolder:

name:"

+

name);

}

}

public

CatAdapter(List<Cat>

cats)

{

this.cats

=

cats;

}

@Override

public

ViewHolder

onCreateViewHolder(ViewGroup

parent,

int

viewType)

{

View

view

=

LayoutInflater.from(parent.getContext()).inflate(R.layout.cat_item,

parent,

false);

final

ViewHolder

holder

=

new

ViewHolder(view);

holder.catView.setOnClickListener(new

View.OnClickListener()

{

@Override

public

void

onClick(View

v)

{

int

position

=

holder.getAdapterPosition();

Cat

cat

=

cats.get(position);

Toast.makeText(v.getContext(),

"你点击了

View

"

+

cat.getName(),

Toast.LENGTH_SHORT).show();

}

});

holder.image.setOnClickListener(new

View.OnClickListener()

{

@Override

public

void

onClick(View

v)

{

in