編輯:關於Android編程
本文實例為大家分享了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: [email protected] * GitHub: https://github.com/laobie */ public class GridStyleActivity extends AppCompatActivity { private RecyclerView mRvPostLister; private PostAdapter mNineImageAdapter; private List<Post> 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<String> 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: [email protected] * GitHub: https://github.com/laobie */ public class FillStyleActivity extends AppCompatActivity { private RecyclerView mRvPostLister; private PostAdapter mPostAdapter; private List<Post> 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<String> 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<PostAdapter.PostViewHolder> { private LayoutInflater mInflater; private List<Post> mPostList; private int mShowStyle; public PostAdapter(Context context, List<Post> 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<String> mAdapter = new NineGridImageViewAdapter<String>() { @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<String> 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<String> mImgUrlList; public Post() { } public Post(String content, List<String> imgUrlList) { mContent = content; mImgUrlList = imgUrlList; } public String getContent() { return mContent; } public void setContent(String content) { mContent = content; } public List<String> getImgUrlList() { return mImgUrlList; } public void setImgUrlList(List<String> imgUrlList) { mImgUrlList = imgUrlList; } }
activity_main.xml:
<?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" android:paddingBottom="@dimen/activity_vertical_margin" android:paddingLeft="@dimen/activity_horizontal_margin" android:paddingRight="@dimen/activity_horizontal_margin" android:paddingTop="@dimen/activity_vertical_margin" tools:context="siso.ninegridimg.MainActivity"> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Hello World!" /> </RelativeLayout>
item_post_fill_style.xml:
<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:ngl="http://schemas.android.com/apk/res-auto" android:layout_width="match_parent" android:layout_height="match_parent" android:layout_margin="8dp" android:background="@color/white" android:orientation="vertical" android:padding="8dp"> <TextView android:id="@+id/tv_content" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_marginBottom="8dp" android:textColor="#333333" android:textSize="16sp"/> <com.jaeger.ninegridimageview.NineGridImageView android:id="@+id/ngl_images" android:layout_width="match_parent" android:layout_height="wrap_content" ngl:imgGap="3dp" ngl:show ngl:singleImgSize="160dp"/> </LinearLayout>
item_post_grid_style.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" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" android:layout_margin="8dp" android:background="@color/white" android:orientation="vertical" android:padding="8dp"> <TextView android:id="@+id/tv_content" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_marginBottom="8dp" android:textColor="#333333" android:textSize="16sp" tools:text="測試文字"/> <com.jaeger.ninegridimageview.NineGridImageView android:id="@+id/ngl_images" android:layout_width="match_parent" android:layout_height="wrap_content" app:imgGap="3dp" app:maxSize="-1" app:show app:singleImgSize="500dp"/> </LinearLayout>
item_single_image.xml
<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="wrap_content" android:layout_height="wrap_content" android:maxHeight="60dp" android:maxWidth="60dp" android:orientation="vertical"> <ImageView android:id="@+id/iv_single" android:layout_width="wrap_content" android:layout_height="wrap_content" android:scaleType="fitStart"/> </LinearLayout>
strings.xml
<resources> <string name="app_name">NineGridImg</string> <string name="fill_style">Fill Style</string> <string name="grid_style">Grid Style</string> </resources>
styles.xml
<resources> <!-- Base application theme. --> <style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar"> <!-- Customize your theme here. --> <item name="colorPrimary">@color/colorPrimary</item> <item name="android:textAllCaps">false</item> <item name="colorPrimaryDark">@color/colorPrimaryDark</item> <item name="colorAccent">@color/colorAccent</item> <item name="windowNoTitle">true</item> <item name="android:textColor">@color/white</item> <item name="windowActionBar">false</item> </style> </resources>
AndroidManifest.xml
<?xml version="1.0" encoding="utf-8"?> <manifest xmlns:android="http://schemas.android.com/apk/res/android" package="siso.ninegridimg"> <application android:allowBackup="true" android:icon="@mipmap/ic_launcher" android:label="@string/app_name" android:supportsRtl="true" android:theme="@style/AppTheme"> <activity android:name=".MainActivity"> <intent-filter> <action android:name="android.intent.action.MAIN" /> <category android:name="android.intent.category.LAUNCHER" /> </intent-filter> </activity> </application> </manifest>
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
項目運行結果如圖:
以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持本站。
0. 前言Android的屏幕適配,即使得某一元素在Android不同尺寸、不同分辨率的手機上具備相同的顯示效果,這個問題一直以來都是我們Android開發者不得不面對的
Launching ???? has encountered a problem. Cannot connecto to VMSocket operatio
側邊欄是Android應用中很常見的一個界面效果(抽屜效果)。而利用DrawerLayout實現右側欄是相對簡單的。而且這個控件自帶滑動效果,十分方便。 DrawerLa
WebView用法參考:《第一行代碼》布局文件:主體代碼: MainActivity中的代碼也很短,首先使用 findViewById()方法獲取到了 WebV