安卓开发之Picasso框架的使用例子

安卓开发之Picasso框架了解不多了，小编今天来为各位介绍两个关于安卓开发之Picasso框架例子，希望这两个例子能够帮助到各位。

之前一直使用imageloader这个框架加载图片，觉得配置很麻烦，觉得使用Picasso这个框架。

什么是Picasso我就不多说了，大家可以去官网看，http://square.github.io/picasso/。

Picasso使用的方法汇总：

代码如下

复制代码

Picasso.with(context).load("http://i.imgur.com/DvpvklR.png").into(imageView); Picasso.with(context).load(url).into(view); Picasso.with(context).load(url) .resize(50, 50).centerCrop().into(imageView) //这里的placeholder将resource传入通过getResource.getDrawable取资源，所以可以是张图片也可以是color id Picasso.with(context).load(url).placeholder(R.drawable.user_placeholder).error(R.drawable.user_placeholder_error).into   (imageView);   Picasso.with(context).load(R.drawable.landing_screen).into(imageView1); Picasso.with(context).load("file:///android_asset/DvpvklR.png").into(imageView2); Picasso.with(context).load(new File(...)).into(imageView3); //这里显示notification的图片 Picasso.with(activity).load(Data.URLS[new Random().nextInt(Data.URLS.length)]).resizeDimen   (R.dimen.notification_icon_width_height,R.dimen.notification_icon_width_height).into(remoteViews, R.id.photo,   NOTIFICATION_ID, notification); //这里是通过设置tag标签，就是当前传过来的context，这样就可以根据这个context tag来pause和resume显示了 Picasso.with(context).load(url).placeholder(R.drawable.placeholder).error(R.drawable.error).fit().tag(context).into   (view); //监听onScrollStateChanged的时候调用执行 picasso.resumeTag(context); picasso.pauseTag(context);   Picasso.with(context).load(contactUri).placeholder(R.drawable.contact_picture_placeholder).tag(context).into   (holder.icon); //这个onpause方法里的这段代码还是很有意思的 @Override protected void onPause() {     super.onPause();     if (isFinishing()) {       // Always cancel the request here, this is safe to call even if the image has been loaded.       // This ensures that the anonymous callback we have does not prevent the activity from       // being garbage collected. It also prevents our callback from getting invoked even after the       // activity has finished.       Picasso.with(this).cancelRequest(imageView);     }   } // Trigger the download of the URL asynchronously into the image view.     Picasso.with(context)         .load(url)         .placeholder(R.drawable.placeholder)         .error(R.drawable.error)         .resizeDimen(R.dimen.list_detail_image_size, R.dimen.list_detail_image_size)         .centerInside()         .tag(context)         .into(holder.image); //Picasso.with使用的是单例模式 Picasso.with(this).cancelTag(this);

然后呢，Picasso还提供了debug的标示，调用picasso的setIndicatorsEnabled方法，true是debug模式，跟踪代码其实就是在最后生成的
PicassoDrawable类的ondraw里绘制了个左上角小三角，根据

代码如下	复制代码
public enum LoadedFrom { MEMORY(Color.GREEN), DISK(Color.BLUE), NETWORK(Color.RED);

枚举里的不同值标示不同加载来源，这对分析图片加载有好处。

在Picasso.with()的时候会将执行所需的所有必备元素创建出来，如缓存cache、执行executorService、调度dispatch等，在load()时创建Request，在into()中创建action、bitmapHunter，并最终交给dispatcher执行。

Picasso创建圆形图像

上篇介绍了Picasso这个框架，git地址是https://github.com/square/picasso。怎么实现各种各样的图片样式呢，在Picasso里提供了Transformation这个接口，我们可以自己实现。下面是一个实现圆形图片的demo；

代码如下

复制代码

public class CircleTransform implements Transformation { @Override public Bitmap transform(Bitmap source) { int size = Math.min(source.getWidth(), source.getHeight());   int x = (source.getWidth() - size) / 2; int y = (source.getHeight() - size) / 2;   Bitmap squaredBitmap = Bitmap.createBitmap(source, x, y, size, size); if (squaredBitmap != source) { source.recycle(); }   Bitmap bitmap = Bitmap.createBitmap(size, size, source.getConfig());   Canvas canvas = new Canvas(bitmap); Paint paint = new Paint(); BitmapShader shader = new BitmapShader(squaredBitmap, BitmapShader.TileMode.CLAMP, BitmapShader.TileMode.CLAMP); paint.setShader(shader); paint.setAntiAlias(true);   float r = size / 2f; canvas.drawCircle(r, r, r, paint);   squaredBitmap.recycle(); return bitmap; }   @Override public String key() { return "circle"; } } 使用它： Picasso.with(activity).load(mayorShipImageLink).transform(new CircleTransform()).into(ImageView);

Activity中经常会要做到返回顶部或一些功能了，今天我们就一起来看一个关于Android开发之Activity的中部或底部回到顶部的例子，具体操作如下．

我们浏览淘宝商品详情的时候会遇到回到顶部这个功能，下面就说说这个功能的简单实现

<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent" >
<ScrollView
android:id="@+id/sc"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:fillViewport="true" >
<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical" >
<WebView
android:id="@+id/wb"
android:layout_width="match_parent"
android:layout_height="match_parent"
>
</WebView>
</LinearLayout>
</ScrollView>
 
<Button
android:id="@+id/bt"
android:layout_width="match_parent"
android:layout_height="50dp"
android:background="@android:color/black"
android:layout_gravity="bottom"
android:text="点我向上"
android:textColor="#ffffff"
/>
 
</FrameLayout>

布局最外层使用FrameLayout，然后套上ScrollView，但是一定要注意ScrollView的高只能是wrap_content，要不然点击回到底部没效果。

代码如下

public class MainActivity extends AppCompatActivity {
private ScrollView sc;
private WebView wb;
private Button bt;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
sc=(ScrollView)findViewById(R.id.sc);
wb=(WebView)findViewById(R.id.wb);
bt=(Button)findViewById(R.id.bt);
bt.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
sc.post(new Runnable() {
@Override
public void run() {
sc.post(new Runnable() {
public void run() {
// 回到顶部
sc.fullScroll(ScrollView.FOCUS_UP);
}
});
}
});
}
});
initView();
}
 
private void initView() {
String url = "https://www.111cn.net/";
WebSettings webSettings = wb.getSettings();
webSettings.setLayoutAlgorithm(WebSettings.LayoutAlgorithm.SINGLE_COLUMN);
webSettings.setJavaScriptEnabled(true); //设置WebView属性执行Javascript脚本
//设置可以访问文件
webSettings.setAllowFileAccess(true);
webSettings.setBuiltInZoomControls(false);// 设置是否显示缩放工具
wb.loadUrl(url);
wb.setWebViewClient(new WebViewClient());
 
}
}

实现效果如图，我这里是使用webView链接百度的网页，换成其他的控件也是一样的

下面我们一起来看一篇关于android studio、eclipse分别导入运行qq Android sdk 第三方登录的例子，希望此例子能够帮助到大家。

这里我是先导入eclipse，然后到处为gradle buid files ，再导入 android studio。
 
要是对gradle编译脚本熟悉的，可以直接导入，然后手动写gradle的配置文件。

1.下载qq android sdk

选择：

2. 解压后得到的目录结构为：

3.将上面的sample文件夹导入的Eclipse，目录结构如下：

修改项目的编码为UTF-8：

4.修复库依赖关系

 代码显示有错误，那是因为我们没有将qq的sdk jar包放到libs目录下。

点击项目右键&mdash;&mdash;Properities&mdash;&mdash;Android，将错误的依赖关系删除：

5.导入sdk jar库

将下载的qq android sdk包下的 jar/目录下的 两个jar包 复制到 项目的libs目录：

 

此时项目的目录结构如下：

然后clean  ，再重新编译。代码就没有报错了。

6.将项目导入到Android studio

最关键的一步，如何将eclipse中的项目导入到Android studio中：

右键项目，选择&ldquo;export&rdquo;&mdash;&mdash;android&mdash;&mdash;generate gradle build files &mdash;&mdash;然后选中要到处都项目，得到导出的项目包。

再将得到的项目包，导入到android studio中。会提示报错，我们需要将项目根目录的build.gradle文件中的（可能你的android studio使用的gradle版本和gradle插件版本与我的有不同，建议更改成自己的所使用的版本）

dependencies {
    classpath 'com.android.tools.build:gradle:0.12+'
}
改为我们使用的新到gradle插件版本：

dependencies {
    classpath 'com.android.tools.build:gradle:1.3.0'
}

注意：如果有可能，可能还需要改项目根目录下/gradle/wrapper/gradle-wrapper.properties中的

7.重新编译运行

改完后，点击&ldquo;Sync now&rdquo;，重新编译项目，就会发现项目没有报错，在模拟器中测试，一切正常。
android studio版本的QQ sdk demo下载（最新版）

下面我们来为各位以图文的形式给各位介绍一篇关于android studio、eclipse分别导入新浪微博 Android sdk 第三方登录demo的例子。 很多APP应用喜欢在首屏显示大广告效果，这样可以在启动APP还没连上网络时不会显示那么空白，还可以增加广告效果。本文我们来分享一下这样子的功能在Android开发中如何实现。

本文我们分享一个Android APP 首屏广告示例, 这里我们主要讲的是实现原理及一些页面的架构，代码只能作参考。

广告需求图:

1. 显示本地存储广告图片, 点击图片, 跳转广告链接, 并提供微信分享功能.
2. 异步下载广告信息, 提高启动速度; 异步下载并保存广告和分享图片, 提高加载速度.

开发过程中, 使用了一些小技巧, 我会详细讲解注意的要点, 包括:
(1) 使用RxAndroid库, 在新线程上做异步下载广告信息.
(2) 使用Picasso库, 异步下载图片(Bitmap)并存储至本地.
(3) 使用原生Handler类, 实现计时器功能, 按秒跳转数字.
(4) 使用WebView视图, 加载广告链接, 并提供分享功能.

1. 下载广告

在欢迎页面中, 启动一个异步线程, 加载广告信息, 提高启动速度, 防止网速过慢导致切换卡顿.

// 异步广告信息
private void AsyncCheckInfo() {
    // 异步线程处理监听, 在新线程上监听, 发送到主线程
    Observableobservable = Observable.create(new Observable.OnSubscribe() {
        @Override
        public void call(Subscriber subscriber) {
            subscriber.onNext(checkInfo());
            subscriber.onCompleted();
        }
    }).subscribeOn(Schedulers.newThread()).observeOn(AndroidSchedulers.mainThread());

    // 成功回调
    observable.subscribe(new Subscriber() {
        @Override
        public void onCompleted() {
            Log.i(TAG, "onCompleted");
        }

        @Override
        public void onError(Throwable e) {
        }

        @Override
        public void onNext(String s) {
            Log.i(TAG, "onNext");
        }
    });
}

在新线程(newThread)中加载, 完成后发送到主线程(mainThread). 参考.

判断网络, 在有网的时候, 加载广告信息; 在无网的时候, 直接略过.

// 加载广告信息
public String checkInfo() {
    if (NetUtils.isNetworkConnected(ChunyuApp.getAppContext())) {
        UpdateUtils.checkDailyInfo(WelcomeActivity.this, mDailyRequestCallback);
        return "Begin to load info.";
    } else {
        return "Stop to load info";
    }
}

在UpdateUtils.checkDailyInfo中, 解析广告请求的返回值. 如果包含广告信息, 则存储在首选项(SharedPreference)中, 下次启动广告直接读取; 如果不包含广告信息, 则设置无数据标记, 在使用时判定无广告.
最后调用回调接口mDailyRequestCallback继续处理.

ArrayListadverts = version.advert;
if (adverts.size() > 0) {
    for (int i = 0; i < adverts.size(); ++i) {
        Advert advert = adverts.get(i);
        if (advert.Number == 1) { // Number等于0是广告
            PedometerAdManager.getInstance().init(advert);
        }
    }
} else {
    Log.e(TAG, "广告是空");
    SharedPreferences sp =
            PreferenceManager.getDefaultSharedPreferences(ChunyuApp.getAppContext());
    sp.edit().putBoolean(WelcomeActivity.FIRST_AD_IS_HAVE_PREFS, false).apply();
}


2. 存储图片

已经存储广告信息之后, 即可获得图片下载链接, 为了提高显示速度, 下载图片存储在本地. 因为下载属于网络请求, 需要异步处理, 本文使用Picasso库, 没有发明轮子.

// 日常信息回调
private final UpdateUtils.DailyRequestCallback mDailyRequestCallback
        = new UpdateUtils.DailyRequestCallback() {
    @Override
    public void operationExecutedSuccess() {
        if (mAdManager.getImageUrl() != null && !mAdManager.getImageUrl().isEmpty())
            Picasso.with(WelcomeActivity.this).
                    load(mAdManager.getImageUrl()).into(mAdImageTarget);

        if (mAdManager.getShareIcon() != null && !mAdManager.getShareIcon().isEmpty())
            Picasso.with(WelcomeActivity.this).
                    load(mAdManager.getShareIcon()).into(mAdShareImageTarget);
    }

    @Override
    public void operationExecutedFailed() {
        Log.e(TAG, "operationExecutedFailed");
    }
};

// 广告图片
private Target mAdImageTarget = new Target() {
    @Override
    public void onBitmapLoaded(Bitmap bitmap, Picasso.LoadedFrom from) {
        String path = FileUtility.savePic(bitmap);
        mPrefs.edit().putString(FIRST_AD_PATH_PREFS, path).apply();
    }

    @Override public void onBitmapFailed(Drawable errorDrawable) {

    }

    @Override public void onPrepareLoad(Drawable placeHolderDrawable) {

    }
};

// 分享Icon
private Target mAdShareImageTarget = new Target() {
    @Override
    public void onBitmapLoaded(Bitmap bitmap, Picasso.LoadedFrom from) {
        String path = FileUtility.savePic(bitmap);
        mPrefs.edit().putString(FIRST_AD_SHARE_IMAGE_URL_PREFS, path).apply();
    }

    @Override public void onBitmapFailed(Drawable errorDrawable) {
    }

    @Override public void onPrepareLoad(Drawable placeHolderDrawable) {

    }
};

在页面暂停时, 移除Picasso的请求线程.

@Override
protected void onPause() {
    MobclickAgent.onPause(this);
    handler.removeCallbacks(runnable); // 停止
    Picasso.with(this).cancelRequest(mAdImageTarget); // 停止
    Picasso.with(this).cancelRequest(mAdShareImageTarget); // 停止
    super.onPause();
}

注意: 在Picasso中, Target是和ImageView控件弱绑定, 在销毁ImageView时, 会随之销毁. 如果未提供ImageView控件, 需要手动销毁请求, 如在onPause中取消. 否则会出现下载异常. 参考.

3. 显示广告

首先Logo页显示LOGO_TIME秒, 再判断显示引导(首次启动)或显示广告.
显示广告是使用存储在首选项(SharedPreference)中的数据, 图片使用本地资源解析, 提高显示速度.

// 显示启动信息
private void showLaunchInfo() {
    // 显示一段时间的主屏Logo
    new Handler().postDelayed(this::showAdInfo, LOGO_TIME);
}

// 显示广告信息
private void showAdInfo() {
    // 判断是否有广告
    if (mPrefs.getBoolean(FIRST_AD_IS_HAVE_PREFS, false)) {
        Log.e(TAG, "包含广告");
        String path = mPrefs.getString(FIRST_AD_PATH_PREFS, "");
        if (!path.isEmpty()) {
            int time = mPrefs.getInt(FIRST_AD_TIME_PREFS, 0);
            Bitmap bitmap = BitmapFactory.decodeFile(path);
            Log.e(TAG, "time: " + time);
            showAdImage(bitmap, time);
            if (!NetUtils.isNetworkConnected(ChunyuApp.getAppContext())) {
                mIvWebImage.setClickable(false);
            }
        } else {
            gotoOtherActivity();
        }
    } else {
        gotoOtherActivity();
    }
}


显示的广告使用上次网络请求的存储数据, 也可能是本次网络请求的, 主要取决于在LOGO_TIME时间中, 是否下载完成启动信息, 并存储至本地.

4. 广告计时器

在广告图片显示时, 提供倒计时器, 按秒跳时, 提供跳过按钮直接跳过广告.

// 显示广告
private void showAdImage(Bitmap bitmap, int time) {
    mIvWebImage.setVisibility(View.VISIBLE);
    mTvSkip.setVisibility(View.VISIBLE);
    mTvSkip.setOnClickListener(v -> gotoOtherActivity());
    mIvBackground.setVisibility(View.INVISIBLE);
    mIvFirstLogo.setVisibility(View.INVISIBLE);

    mIvWebImage.setImageBitmap(bitmap);
    mAdTime = time + 2;
    handler.post(runnable); // 设置读秒
}

// 设置读秒器
private int s = 0; // 时间Delay
private final Handler handler = new Handler();
private final Runnable runnable = new Runnable() {
    @Override
    public void run() {
        // handler自带方法实现定时器
        try {
            handler.postDelayed(this, 1000);

            if (s < 1) {
                s++;
                return;
            }

            if (s <= (mAdTime - 1)) {
                mTvSkip.setText(String.valueOf("跳过\n"
                        + Integer.toString((mAdTime - 1) - (s++)) + "秒"));
            }

            // 计时器为0时, 开始跳转
            if (s == mAdTime) {
                gotoOtherActivity();
            }
        } catch (Exception e) {
            e.printStackTrace();
        }
    }
};

广告时间额外显示两秒, 提供页面跳转间隔, 前一秒后一秒, 保证广告时间充足.

在广告页跳转或页面结束时, 删除计时回调.

// 跳转到现实广告的视图
public void gotoShowAdView(View view) {
    NV.o(this, AdvertisementActivity.class);
    handler.removeCallbacks(runnable);
    finish();
}

@Override
protected void onPause() {
    MobclickAgent.onPause(this);
    handler.removeCallbacks(runnable); // 停止
    Picasso.with(this).cancelRequest(mAdImageTarget); // 停止
    Picasso.with(this).cancelRequest(mAdShareImageTarget); // 停止
    super.onPause();
}

本文使用handler类, 循环调用计时, 必须在离开页面时, 清除runnable回调. 否则会遗忘线程泄露内存.

5. 链接页面

点击广告图片, 会跳转至广告链接, 根据参数设置全屏或者提供分享功能, 把链接分享至微信. 微信分享需要标题, 内容, 图标(Icon), 其中图片是从服务器下载后预存在本地.

/**
 * 广告Activity
 *

 * Created by wangchenlong on 15/12/2.
 */
public class AdvertisementActivity extends PActivity {

    @SuppressWarnings("unused")
    private static final String TAG = "DEBUG-WCL: "
            + AdvertisementActivity.class.getSimpleName();

    @Bind(R.id.advertise_pwv_container) PedoWebView mPwvContainer;
    @Bind(R.id.advertise_ll_back_home) LinearLayout mLlBackHome;
    @Bind(R.id.advertise_ll_send_session) LinearLayout mLlSendSession;
    @Bind(R.id.advertise_ll_send_timeline) LinearLayout mLlSendTimeline;
    @Bind(R.id.advertise_ll_action_bar) LinearLayout mLlActionBar;

    private SharedPreferences mPrefs;
    private int mFlag; // 判断分享地点

    private static final int WECHAT_SESSION = 0;    // 微信对话
    private static final int WECHAT_TIMELINE = 1;   // 朋友圈

    @Override protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_advertisement);
        ButterKnife.bind(this);

        mPrefs = PreferenceManager.getDefaultSharedPreferences(ChunyuApp.getAppContext());

        ActionBar actionBar = getSupportActionBar();
        if (actionBar != null)
            actionBar.setDisplayHomeAsUpEnabled(true);

        // 是否全屏
        if (mPrefs.getBoolean(WelcomeActivity.FIRST_AD_IS_FULL_PREFS, false)) {
            mLlActionBar.setVisibility(View.GONE);
        } else {
            mLlBackHome.setOnClickListener(v -> {
                NV.o(this, PedometerActivity.class);
                finish();
            });

            // 是否分享
            if (mPrefs.getBoolean(WelcomeActivity.FIRST_AD_IS_SHARE_PREFS, false)) {
                mLlSendSession.setOnClickListener(v -> {
                    mFlag = WECHAT_SESSION;
                    shareWechat();
                });
                mLlSendTimeline.setOnClickListener(v -> {
                    mFlag = WECHAT_TIMELINE;
                    shareWechat();
                });
            } else {
                mLlSendSession.setVisibility(View.GONE);
                mLlSendTimeline.setVisibility(View.GONE);
            }
        }

        mPwvContainer.loadUrl(mPrefs.getString(WelcomeActivity.FIRST_AD_URL_PREFS, ""));
    }

    // 分享到微信
    public void shareWechat() {
        IWXAPI wxapi =
                WXAPIFactory.createWXAPI(ChunyuApp.getAppContext(), SNSConst.WX_APP_ID_ONLINE, true);
        wxapi.registerApp(SNSConst.WX_APP_ID_ONLINE);

        WXWebpageObject webpage = new WXWebpageObject();
        webpage.webpageUrl = mPrefs.getString(WelcomeActivity.FIRST_AD_URL_PREFS, "");
        WXMediaMessage msg = new WXMediaMessage(webpage);
        msg.title = mPrefs.getString(WelcomeActivity.FIRST_AD_SHARE_TITLE_PREFS, "");
        msg.description = mPrefs.getString(WelcomeActivity.FIRST_AD_SHARE_CONTENT_PREFS, "");

        String path = mPrefs.getString(WelcomeActivity.FIRST_AD_SHARE_IMAGE_URL_PREFS, "");
        if (!path.isEmpty()) {
            Bitmap bitmap = BitmapFactory.decodeFile(path);
            if (bitmap != null) {
                msg.setThumbImage(bitmap);
            } else {
                msg.setThumbImage(BitmapFactory.decodeResource(getResources(), R.drawable.icon));
            }
            SendMessageToWX.Req req = new SendMessageToWX.Req();
            req.transaction = String.valueOf(System.currentTimeMillis());
            req.message = msg;
            req.scene = ((mFlag == 0) ?
                    SendMessageToWX.Req.WXSceneSession : SendMessageToWX.Req.WXSceneTimeline);
            wxapi.sendReq(req);
        }
    }

    @Override public void onBackPressed() {
        if (mPwvContainer.canGoBack()) {
            mPwvContainer.goBack();
        } else {
            NV.o(this, PedometerActivity.class);
            finish();
        }
    }
}

调用后退按钮(onBackPressed): 在网页跳转多页时, 返回上一页; 在首页时, 退出广告页面, 跳转主页. 微信分享的图标(Icon), 最好使用方形全图, 否则透明部分会被黑色替代, 服务器提供图片时需要注意.