Android学习教程之九宫格图片展示（13）

本文实例为大家分享了Android九宫格图片展示的具体代码，供大家参考，具体内容如下

MainActivity.java代码:

package siso.ninegridimg;import android.support.v7.app.AppCompatActivity;import android.os.Bundle;public class MainActivity extends AppCompatActivity { @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); }}

GridStyleActivity.java代码:

package siso.ninegridimg;import android.os.Bundle;import android.support.v7.app.AppCompatActivity;import android.support.v7.widget.LinearLayoutManager;import android.support.v7.widget.RecyclerView;import android.support.v7.widget.Toolbar;import com.jaeger.ninegridimageview.NineGridImageView;import com.jaeger.ninegridimgdemo.R;import com.jaeger.ninegridimgdemo.adapter.PostAdapter;import com.jaeger.ninegridimgdemo.entity.Post;import java.util.ArrayList;import java.util.Arrays;import java.util.List;/** * Created by Jaeger on 16/2/24. * * Email: chjie.jaeger@gamil.com * GitHub: https://github.com/laobie */public class GridStyleActivity extends AppCompatActivity { private RecyclerView mRvPostLister; private PostAdapter mNineImageAdapter; private List mPostList; private String[] IMG_URL_LIST = { "http://ac-QYgvX1CC.clouddn.com/36f0523ee1888a57.jpg", "http://ac-QYgvX1CC.clouddn.com/07915a0154ac4a64.jpg", "http://ac-QYgvX1CC.clouddn.com/9ec4bc44bfaf07ed.jpg", "http://ac-QYgvX1CC.clouddn.com/fa85037f97e8191f.jpg", "http://ac-QYgvX1CC.clouddn.com/de13315600ba1cff.jpg", "http://ac-QYgvX1CC.clouddn.com/15c5c50e941ba6b0.jpg", "http://ac-QYgvX1CC.clouddn.com/10762c593798466a.jpg", "http://ac-QYgvX1CC.clouddn.com/eaf1c9d55c5f9afd.jpg", "http://ac-QYgvX1CC.clouddn.com/ad99de83e1e3f7d4.jpg", "http://ac-QYgvX1CC.clouddn.com/233a5f70512befcc.jpg", }; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_recycler); setSupportActionBar((Toolbar) findViewById(R.id.toolbar)); mRvPostLister = (RecyclerView) findViewById(R.id.rv_post_list); mRvPostLister.setLayoutManager(new LinearLayoutManager(this)); mPostList = new ArrayList<>(); for (int i = 0; i < 18; i++) { List imgUrls = new ArrayList<>(); imgUrls.addAll(Arrays.asList(IMG_URL_LIST).subList(0, i % 9)); Post post = new Post("Am I handsome? Am I handsome? Am I handsome?", imgUrls); mPostList.add(post); } mNineImageAdapter = new PostAdapter(this, mPostList, NineGridImageView.STYLE_GRID); mRvPostLister.setAdapter(mNineImageAdapter); }}

FillStyleActivity.java代码:

package siso.ninegridimg;import android.os.Bundle;import android.support.v7.app.AppCompatActivity;import android.support.v7.widget.LinearLayoutManager;import android.support.v7.widget.RecyclerView;import android.support.v7.widget.Toolbar;import com.jaeger.ninegridimageview.NineGridImageView;import com.jaeger.ninegridimgdemo.R;import com.jaeger.ninegridimgdemo.adapter.PostAdapter;import com.jaeger.ninegridimgdemo.entity.Post;import java.util.ArrayList;import java.util.Arrays;import java.util.List;/** * Created by Jaeger on 16/2/24. * * Email: chjie.jaeger@gamil.com * GitHub: https://github.com/laobie */public class FillStyleActivity extends AppCompatActivity { private RecyclerView mRvPostLister; private PostAdapter mPostAdapter; private List mPostList; private String[] IMG_URL_LIST = { "https://pic4.zhimg.com/02685b7a5f2d8cbf74e1fd1ae61d563b_xll.jpg", "https://pic4.zhimg.com/fc04224598878080115ba387846eabc3_xll.jpg", "https://pic3.zhimg.com/d1750bd47b514ad62af9497bbe5bb17e_xll.jpg", "https://pic4.zhimg.com/da52c865cb6a472c3624a78490d9a3b7_xll.jpg", "https://pic3.zhimg.com/0c149770fc2e16f4a89e6fc479272946_xll.jpg", "https://pic1.zhimg.com/76903410e4831571e19a10f39717988c_xll.png", "https://pic3.zhimg.com/33c6cf59163b3f17ca0c091a5c0d9272_xll.jpg", "https://pic4.zhimg.com/52e093cbf96fd0d027136baf9b5cdcb3_xll.png", "https://pic3.zhimg.com/f6dc1c1cecd7ba8f4c61c7c31847773e_xll.jpg", }; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_recycler); setSupportActionBar((Toolbar) findViewById(R.id.toolbar)); mRvPostLister = (RecyclerView) findViewById(R.id.rv_post_list); mRvPostLister.setLayoutManager(new LinearLayoutManager(this)); mPostList = new ArrayList<>(); for (int i = 0; i < 18; i++) { List imgUrls = new ArrayList<>(); imgUrls.addAll(Arrays.asList(IMG_URL_LIST).subList(0, i % 9 + 1)); Post post = new Post("看图，字不重要。想看大图？抱歉我还没做这个 ( •̀ .̫ •́ )", imgUrls); mPostList.add(post); } mPostAdapter = new PostAdapter(this, mPostList, NineGridImageView.STYLE_FILL); mRvPostLister.setAdapter(mPostAdapter); }}

PostAdapter.java代码:

package siso.ninegridimg.adapter;import android.content.Context;import android.support.v7.widget.RecyclerView;import android.view.LayoutInflater;import android.view.View;import android.view.ViewGroup;import android.widget.ImageView;import android.widget.TextView;import android.widget.Toast;import java.util.List;import siso.ninegridimg.R;import siso.ninegridimg.entity.Post;import siso.nineimglib.NineGridImageView;import siso.nineimglib.NineGridImageViewAdapter;public class PostAdapter extends RecyclerView.Adapter { private LayoutInflater mInflater; private List mPostList; private int mShowStyle; public PostAdapter(Context context, List postList, int showStyle) { super(); mPostList = postList; mInflater = LayoutInflater.from(context); mShowStyle = showStyle; } @Override public void onBindViewHolder(PostViewHolder holder, int position) { holder.bind(mPostList.get(position)); } @Override public int getItemCount() { return mPostList.size(); } @Override public PostViewHolder onCreateViewHolder(ViewGroup parent, int viewType) { if (mShowStyle == NineGridImageView.STYLE_FILL) { return new PostViewHolder(mInflater.inflate(R.layout.item_post_fill_style, parent, false)); } else { return new PostViewHolder(mInflater.inflate(R.layout.item_post_grid_style, parent, false)); } } public class PostViewHolder extends RecyclerView.ViewHolder { private NineGridImageView mNglContent; private TextView mTvContent; private NineGridImageViewAdapter mAdapter = new NineGridImageViewAdapter() { @Override protected void onDisplayImage(Context context, ImageView imageView, String s) { Picasso.with(context)  .load(s)  .placeholder(R.drawable.ic_default_image)  .into(imageView); } @Override protected ImageView generateImageView(Context context) { return super.generateImageView(context); } @Override protected void onItemImageClick(Context context, int index, List list) { Toast.makeText(context, "image position is " + index, Toast.LENGTH_SHORT).show(); } }; public PostViewHolder(View itemView) { super(itemView); mTvContent = (TextView) itemView.findViewById(R.id.tv_content); mNglContent = (NineGridImageView) itemView.findViewById(R.id.ngl_images); mNglContent.setAdapter(mAdapter); } public void bind(Post post) { mNglContent.setImagesData(post.getImgUrlList()); mTvContent.setText(post.getContent()); } }}

Post.java代码:

package siso.ninegridimg.entity;import java.util.List;public class Post { private String mContent; private List mImgUrlList; public Post() { } public Post(String content, List imgUrlList) { mContent = content; mImgUrlList = imgUrlList; } public String getContent() { return mContent; } public void setContent(String content) { mContent = content; } public List getImgUrlList() { return mImgUrlList; } public void setImgUrlList(List imgUrlList) { mImgUrlList = imgUrlList; }}

activity_main.xml:

<?xml version="1.0" encoding="utf-8"?>

item_post_fill_style.xml:

<?xml version="1.0" encoding="utf-8"?>

item_post_grid_style.xml

<?xml version="1.0" encoding="utf-8"?>

item_single_image.xml

<?xml version="1.0" encoding="utf-8"?>

strings.xml

 NineGridImg Fill Style Grid Style

styles.xml

AndroidManifest.xml

<?xml version="1.0" encoding="utf-8"?>

build.gradle

apply plugin: 'com.android.application'android { compileSdkVersion 23 buildToolsVersion "23.0.1" defaultConfig { applicationId "siso.ninegridimg" minSdkVersion 22 targetSdkVersion 22 versionCode 1 versionName "1.0" } buildTypes { release { minifyEnabled false proguardFiles getDefaultProguardFile('proguard-android.txt'), 'proguard-rules.pro' } }}dependencies { compile fileTree(include: ['*.jar'], dir: 'libs') testCompile 'junit:junit:4.12' compile 'com.android.support:appcompat-v7:23.0.1' compile 'com.android.support:recyclerview-v7:23.3.0' compile 'com.squareup.picasso:picasso:2.5.2' compile project(path: ':nineimglib')}

Android类库项目nineimglib

Android学习教程之九宫格图片展示（13）_第1张图片

项目运行结果如图:

Android学习教程之九宫格图片展示（13）_第2张图片

Android学习教程之九宫格图片展示（13）_第3张图片

Android学习教程之九宫格图片展示（13）_第4张图片

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。

更多相关文章

随机推荐