ตัวอย่างการใช้ Picasso มาช่วยแก้ปัญหารูปภาพใน Android

1
<dependency>
2
  <groupId>com.squareup.picasso</groupId>
3
  <artifactId>picasso</artifactId>
4
  <version>2.3.2</version>
5
</dependency>

1
Picasso.with(context).load("http://i.imgur.com/DvpvklR.png").into(imageView);

1
├── build
2
├── build.gradle
3
├── libs
4
├── proguard-rules.pro
5
└── src
6
    ├── androidTest
7
    │   └── java
8
    └── main
9
        ├── AndroidManifest.xml
10
        ├── java
11
            └── com
12
                └── devahoy
13
                    └── picassoexample
14
                        └── MainActivity.java
15
        └── res
16
            ├── drawable-hdpi
17
            ├── drawable-mdpi
18
            ├── drawable-xhdpi
19
            ├── drawable-xxhdpi
20
            ├── layout
21
            ├── menu
22
            ├── values
23
            └── values-w820dp

1
dependencies {
2
    compile fileTree(dir: 'libs', include: ['*.jar'])
3
    compile 'com.android.support:appcompat-v7:19.+'
4
    compile 'com.squareup.picasso:picasso:2.3.2'
5
}

1
package com.devahoy.picassoexample;
2

3
import android.content.Context;
4
import android.view.LayoutInflater;
5
import android.view.View;
6
import android.view.ViewGroup;
7
import android.widget.BaseAdapter;
8
import android.widget.ImageView;
9

10
import com.squareup.picasso.Picasso;
11

12
public class GridViewAdapter extends BaseAdapter {
13
    private Context mContext;
14
    private String[] mUrls;
15
    private LayoutInflater mInflater;
16

17
    public GridViewAdapter(Context context, String[] urls) {
18
        mContext = context;
19
        mUrls = urls;
20
        mInflater = LayoutInflater.from(context);
21
    }
22

23
    public int getCount() {
24
        return mUrls.length;
25
    }
26

27
    public Object getItem(int position) {
28
        return null;
29
    }
30

31
    public long getItemId(int position) {
32
        return position;
33
    }
34

35
    public View getView(int position, View convertView, ViewGroup parent) {
36

37
        final ViewHolder viewHolder;
38

39
        if (convertView == null) {
40
            convertView = mInflater.inflate(R.layout.grid_item, parent, false);
41
            viewHolder = new ViewHolder();
42

43
            viewHolder.imageView = (ImageView)
44
                    convertView.findViewById(R.id.grid_item);
45

46
            convertView.setTag(viewHolder);
47
        } else {
48
            viewHolder = (ViewHolder) convertView.getTag();
49
        }
50

51
        Picasso.with(mContext).load(mUrls[position]).into(viewHolder.imageView);
52
        return convertView;
53
    }
54

55
    public class ViewHolder {
56
        ImageView imageView;
57
    }
58

59
}

1
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
2
                xmlns:tools="http://schemas.android.com/tools"
3
                android:layout_width="match_parent"
4
                android:layout_height="match_parent"
5
                tools:context=".MainActivity">
6

7
        <GridView
8
            android:id="@+id/gridview"
9
            android:layout_width="match_parent"
10
            android:layout_height="match_parent"
11
            android:columnWidth="80dp"
12
            android:gravity="center"
13
            android:verticalSpacing="0dp"
14
            android:horizontalSpacing="0dp"
15
            android:numColumns="auto_fit"
16
            android:stretchMode="columnWidth"/>
17

18
</RelativeLayout>

1
<?xml version="1.0" encoding="utf-8"?>
2
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
3
             xmlns:tools="http://schemas.android.com/tools"
4
             android:layout_width="match_parent"
5
             android:layout_height="match_parent">
6

7
    <ImageView
8
        android:id="@+id/grid_item"
9
        android:layout_width="100dp"
10
        android:layout_height="80dp"
11
        android:scaleType="centerCrop"/>
12

13
</FrameLayout>

1
<string name="button_next">NEXT</string>
2
<string name="button_previous">PREVIOUS</string>

1
package com.devahoy.picassoexample;
2

3
import android.os.Bundle;
4
import android.support.v7.app.ActionBarActivity;
5
import android.widget.GridView;
6

7

8
public class MainActivity extends ActionBarActivity {
9

10
    private GridViewAdapter mAdapter;
11
    private GridView mGridView;
12

13
    @Override
14
    protected void onCreate(Bundle savedInstanceState) {
15
        super.onCreate(savedInstanceState);
16
        setContentView(R.layout.activity_main);
17

18
        String[] urls = initSampleData();
19
        mGridView = (GridView) findViewById(R.id.gridview);
20
        mAdapter = new GridViewAdapter(this, urls);
21
        mGridView.setAdapter(mAdapter);
22
    }
23

24
    private String[] initSampleData() {
25
        return new String[] {
26
                "https://d13yacurqjgara.cloudfront.net/users/3460/screenshots/1628158/animal-stickers_1x.png",
27
                "https://d13yacurqjgara.cloudfront.net/users/14521/screenshots/1628431/designers_wanted_2_1x.png",
28
                "https://d13yacurqjgara.cloudfront.net/users/57127/screenshots/1628433/kickstarterproject_1x.jpg",
29
                "https://d13yacurqjgara.cloudfront.net/users/26059/screenshots/1628196/enter_1x.gif",
30
                "https://d13yacurqjgara.cloudfront.net/users/32336/screenshots/1627983/dribbble3_1x.png",
31
                "https://d13yacurqjgara.cloudfront.net/users/254554/screenshots/1628567/20140703--satellit2_1x.gif",
32
                "https://d13yacurqjgara.cloudfront.net/users/144388/screenshots/1628118/table-creative-dribbble_1x.gif",
33
                "https://d13yacurqjgara.cloudfront.net/users/13307/screenshots/1628973/logotypes_1x.jpg",
34
                "https://d13yacurqjgara.cloudfront.net/users/45269/screenshots/1628472/workspace_1x.gif",
35
                "https://d13yacurqjgara.cloudfront.net/users/124059/screenshots/1627992/search-filter_1x.gif",
36
                "https://d13yacurqjgara.cloudfront.net/users/3375/screenshots/1628760/btt_cody_forever_1x.gif",
37
                "https://d13yacurqjgara.cloudfront.net/users/79978/screenshots/1628721/koltozzbe.hu_2_1x.png",
38
                "https://d13yacurqjgara.cloudfront.net/users/51395/screenshots/1628377/mercedes_minisite_1x.jpg",
39
                "https://d13yacurqjgara.cloudfront.net/users/465131/screenshots/1628903/rpg_1x.jpg",
40
                "https://d13yacurqjgara.cloudfront.net/users/267247/screenshots/1628670/prayer_app_1x.png",
41
                "https://d13yacurqjgara.cloudfront.net/users/303896/screenshots/1628068/sitepreview_1x.png",
42
                "https://d13yacurqjgara.cloudfront.net/users/9964/screenshots/1628170/crank-it-up_1x.png",
43
                "https://d13yacurqjgara.cloudfront.net/users/155551/screenshots/1628228/icons_1x.png",
44
                "https://d13yacurqjgara.cloudfront.net/users/38311/screenshots/1628047/dfst-mg4_1x.png",
45
                "https://d13yacurqjgara.cloudfront.net/users/146798/screenshots/1628405/bubbly_birdy_1x.png",
46
                "https://d13yacurqjgara.cloudfront.net/users/607501/screenshots/1628351/logo_mockup_display__07_1x.jpg",
47
                "https://d13yacurqjgara.cloudfront.net/users/147435/screenshots/1628399/sufweb_teaser.jpg",
48
                "https://d13yacurqjgara.cloudfront.net/users/111948/screenshots/1628041/rocket-pop_1x.jpg",
49
                "https://d13yacurqjgara.cloudfront.net/users/157303/screenshots/1628313/12_1x.png",
50
                "https://d13yacurqjgara.cloudfront.net/users/24711/screenshots/1628676/trivantis-city_2x_1x.png",
51
                "https://d13yacurqjgara.cloudfront.net/users/604158/screenshots/1627943/final_1x.jpg",
52
                "https://d13yacurqjgara.cloudfront.net/users/25416/screenshots/1628248/drib_1x.jpg",
53
                "https://d13yacurqjgara.cloudfront.net/users/292484/screenshots/1628461/designers_guide_to_startup_weekend-1_1x.jpg",
54
                "https://d13yacurqjgara.cloudfront.net/users/5976/screenshots/1628234/space_watchers_eye_planet_logo_design_symbol_by_alex_tass_teaser.jpg",
55
                "https://d13yacurqjgara.cloudfront.net/users/271951/screenshots/1628799/thumb_1x.jpg",
56
                "https://d13yacurqjgara.cloudfront.net/users/483231/screenshots/1628447/anicons1_1x.png",
57
                "https://d13yacurqjgara.cloudfront.net/users/16540/screenshots/1628044/engage.independence.dribbb_1x.jpg"
58
        };
59
    }
60
}

1
<uses-permission android:name="android.permission.INTERNET" />