效果图
1.添加Recyclerview依赖
//recyclerview依赖的添加
compile 'com.android.support:recyclerview-v7:26+'
2.xml中
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="44dp"
android:background="@drawable/title_bk">
<ImageView
android:id="@+id/iv_me"
android:layout_width="23dp"
android:layout_height="23dp"
android:layout_marginLeft="22dp"
android:layout_marginTop="12dp"
android:src="@drawable/me" />
</RelativeLayout>
<ScrollView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:scrollbars="none">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="vertical">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center_horizontal"
android:layout_marginTop="10dp"
android:text="产品推荐"
android:textColor="@color/black"
android:textSize="16sp" />
<android.support.v7.widget.RecyclerView
android:id="@+id/recycler_view"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginTop="10dp" />
<ImageView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:src="@drawable/home1" />
<ImageView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:src="@drawable/home2" />
<ImageView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:src="@drawable/home3" />
<ImageView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:src="@drawable/home4" />
</LinearLayout>
</ScrollView>
</LinearLayout>
3.java代码
package com.fb.hckjfb.fragment;
import android.content.Context;
import android.content.Intent;
import android.os.Bundle;
import android.support.annotation.Nullable;
import android.support.v4.app.Fragment;
import android.support.v7.widget.LinearLayoutManager;
import android.support.v7.widget.RecyclerView;
import android.support.v7.widget.StaggeredGridLayoutManager;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.AdapterView;
import android.widget.ImageView;
import android.widget.TextView;
import android.widget.Toast;
import com.fb.hckjfb.R;
import com.fb.hckjfb.activity.MainActivity;
import com.fb.hckjfb.activity.MeActivity;
import java.util.ArrayList;
import java.util.Arrays;
import java.util.List;
/**
* 首页
*/
public class MainHomeFragment extends Fragment implements View.OnClickListener {
private RecyclerView recycler_view;
private GalleryAdapter mAdapter;
private List<Integer> mDatas;
private ImageView iv_me;
public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
View view = inflater.inflate(R.layout.frag_main_home, container, false);
initDatas();
recycler_view = view.findViewById(R.id.recycler_view);
iv_me = view.findViewById(R.id.iv_me);
iv_me.setOnClickListener(this);
//设置布局管理器
StaggeredGridLayoutManager linearLayoutManager = new StaggeredGridLayoutManager(1, StaggeredGridLayoutManager.VERTICAL);//列数
linearLayoutManager.setOrientation(LinearLayoutManager.HORIZONTAL);//布局横向
recycler_view.setLayoutManager(linearLayoutManager);
//设置适配器
mAdapter = new GalleryAdapter(getActivity(), mDatas);
//RecyclerView子项的点击事件
mAdapter.setOnItemClickLitener(new GalleryAdapter.OnItemClickLitener() {
@Override
public void onItemClick(View view, int position) {
if (position == 0) {
Toast.makeText(getActivity(), "1", Toast.LENGTH_SHORT).show();
}
if (position == 1) {
Toast.makeText(getActivity(), "2", Toast.LENGTH_SHORT).show();
}
if (position == 2) {
Toast.makeText(getActivity(), "3", Toast.LENGTH_SHORT).show();
}
if (position == 3) {
Toast.makeText(getActivity(), "4", Toast.LENGTH_SHORT).show();
}
}
@Override
public void onItemLongClick(View view, int position) {
}
});
recycler_view.setAdapter(mAdapter);
return view;
}
private void initDatas() {
mDatas = new ArrayList<>(Arrays.asList(R.drawable.zqlc, R.drawable.wwlc, R.drawable.wllc, R.drawable.hflc));
}
@Override
public void onClick(View view) {
switch (view.getId()) {
case R.id.iv_me:
startActivity(new Intent(getActivity(), MeActivity.class));
break;
default:
break;
}
}
public static class GalleryAdapter extends RecyclerView.Adapter<GalleryAdapter.ViewHolder> {
private LayoutInflater mInflater;
private List<Integer> mDatas;
//定义点击接口
public interface OnItemClickLitener {
void onItemClick(View view, int position);
void onItemLongClick(View view, int position);
}
private OnItemClickLitener mOnItemClickLitener;
public void setOnItemClickLitener(OnItemClickLitener mOnItemClickLitener) {
this.mOnItemClickLitener = mOnItemClickLitener;
}
public GalleryAdapter(Context context, List<Integer> datats) {
mInflater = LayoutInflater.from(context);
mDatas = datats;
}
public static class ViewHolder extends RecyclerView.ViewHolder {
public ViewHolder(View arg0) {
super(arg0);
}
ImageView mImg;
TextView mTxt;
}
@Override
public int getItemCount() {
return mDatas.size();
}
/**
* 创建ViewHolder
*/
@Override
public ViewHolder onCreateViewHolder(ViewGroup viewGroup, int i) {
View view = mInflater.inflate(R.layout.item_rv, viewGroup, false);
ViewHolder viewHolder = new ViewHolder(view);
viewHolder.mImg = (ImageView) view.findViewById(R.id.iv_item);
return viewHolder;
}
/**
* 设置值
*/
@Override
public void onBindViewHolder(final ViewHolder viewHolder, final int i) {
viewHolder.mImg.setImageResource(mDatas.get(i));
// 如果设置了回调,则设置点击事件/长按事件
if (mOnItemClickLitener != null) {
viewHolder.itemView.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
int pos = viewHolder.getLayoutPosition();
mOnItemClickLitener.onItemClick(viewHolder.itemView, pos);
}
});
viewHolder.itemView.setOnLongClickListener(new View.OnLongClickListener() {
@Override
public boolean onLongClick(View v) {
int pos = viewHolder.getLayoutPosition();
mOnItemClickLitener.onItemLongClick(viewHolder.itemView, pos);
return false;
}
});
}
}
}
}