Android示例應用:開源框架Glide的使用
Android開源框架Glide的使用-示例應用
載入網路圖片
- 載入網路圖片
- 載入本地圖片-簡易相簿
載入網路圖片
引入對應的庫
compile 'com.android.support:recyclerview-v7:25.0.0'compile 'com.github.bumptech.glide:glide:3.7.0'
建立
RecyclerView
的佈局
res/layout/fragment_list.xml
<?xml version="1.0" encoding="utf-8"?><android.support.v7.widget.RecyclerView xmlns:android=" android:layout_width="match_parent" android:layout_height="match_parent" android:id="@+id/recycler_view"></android.support.v7.widget.RecyclerView>
建立
RecyclerView
的每個item的佈局
res/layout/list_item.xml
需要注意不要都寫成
match_parent
或wrap_content
,不然就顯示不出來瀑布流的效果
<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android=" android:orientation="vertical" android:layout_width="match_parent" android:layout_height="wrap_content"> <ImageView android:layout_width="match_parent" android:layout_height="wrap_content" android:adjustViewBounds="true" android:id="@+id/image"/></LinearLayout>
建立
RecyclerView
的介面卡,
GankAdapter.java
,主要的程式碼邏輯如下
@Overridepublic ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) { View v = LayoutInflater.from(mContext).inflate(R.layout.list_item,parent,false); return new ViewHolder(v); }@Overridepublic void onBindViewHolder(ViewHolder holder, int position) { final String url = mItems.get(position); Log.e("tag","============onBindViewHolder url: "+url); Glide.with(mContext) .load(url) .placeholder(R.mipmap.ic_launcher) .diskCacheStrategy(DiskCacheStrategy.RESULT) .into(holder.image); holder.image.setOnClickListener(new View.OnClickListener(){ @Override public void onClick(View v) { Intent intent = new Intent(); intent.setClass(mContext,PreviewImageActivity.class); intent.putExtra("url",url); mContext.startActivity(intent); } }); }@Overridepublic int getItemCount() { return mItems.size(); }public class ViewHolder extends RecyclerView.ViewHolder{ ImageView image; public ViewHolder(View itemView) { super(itemView); image = (ImageView)itemView.findViewById(R.id.image); } }
顯示
RecyclerView
,建立一個
Fragment
來顯示
GankFragment.java
主要的顯示邏輯如下:
@Nullable@Overridepublic View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) { View v = inflater.inflate(R.layout.fragment_list,container,false); mClient = new OkHttpClient(); mReyclerView = (RecyclerView) v.findViewById(R.id.recycler_view); mReyclerView.setLayoutManager(new StaggeredGridLayoutManager(2,StaggeredGridLayoutManager.VERTICAL)); mAdapter = new GankAdapter(getActivity(),mUrls); mReyclerView.setAdapter(mAdapter); loadApi(index); mReyclerView.addOnScrollListener(new RecyclerView.OnScrollListener() { @Override public void onScrollStateChanged(RecyclerView recyclerView, int newState) { super.onScrollStateChanged(recyclerView, newState); } @Override public void onScrolled(RecyclerView recyclerView, int dx, int dy) { super.onScrolled(recyclerView, dx, dy); if(isScrollToEnd(mReyclerView)){ Log.e("tag","============scroll to end"); index += 1; loadApi(index); } } }); return v; }
為了載入網路圖片,引入了
OkHttpClient
的第三方庫
compile 'com.squareup.okhttp3:okhttp:3.4.1'
載入網路的圖片的邏輯
private void loadApi(int page){ Request request = new Request.Builder().url("%E7%A6%8F%E5%88%A9/10/"+page).build(); mClient.newCall(request).enqueue(new Callback() { @Override public void onFailure(Call call, IOException e) { Log.e("tag","loading failure "); e.printStackTrace(); } @Override public void onResponse(Call call, Response response) throws IOException { if(response.isSuccessful()){ String result = response.body().string(); try { JSONObject json = new JSONObject(result); JSONArray array = new JSONArray(json.getString("results")); for(int i = 0;i<array.length();i++){ JSONObject ob = array.getJSONObject(i); mUrls.add(ob.getString("url")); Log.e("tag","========== url: "+ob.getString("url")); } mHandler.sendEmptyMessage(2); }catch (JSONException e){ e.printStackTrace(); } } } }); }
載入本地圖片
使用Glide載入本地圖片,和網路圖片使用的是同一個介面卡的程式碼
GankAdapter.java
顯示邏輯程式碼
LocalAlbumFragment.java
,主要是從本地影像資料庫中載入資料
private void loadAlbum(){ AsyncTask<Void, Void, Void> asyncTask = new AsyncTask<Void, Void, Void>() { @Override protected Void doInBackground(Void... params) { Cursor c = getContext().getContentResolver().query(MediaStore.Images.Media.EXTERNAL_CONTENT_URI, new String[]{MediaStore.Images.ImageColumns.DATA},null,null, MediaStore.Images.ImageColumns.DATE_TAKEN+" desc "); if(null != c && c.getCount() > 0 && c.moveToFirst()){ while (c.moveToNext()){ mData.add(c.getString(c.getColumnIndex(MediaStore.Images.ImageColumns.DATA))); } } return null; } @Override protected void onPostExecute(Void aVoid) { mHandler.sendEmptyMessage(2); } }; asyncTask.execute(); }
新增影像變換
使用
Glide
庫時,可以對影像做一些變換處理,如:圓角,模糊等處理,使用
Glide
的
.bitmapTransform()
方法,
自己需要寫對應的變換的方法,但是現在有很好的第三方庫已經對一些常用的變換做了封裝,可以直接使用,不要重複造輪子
引入第三方影像變換庫 :glide-transformations
compile 'jp.wasabeef:glide-transformations:2.0.1'
這個庫提供很多的變換,如 剪裁相關的,顏色變化相關的,模糊相關的等,具體的請參考 原始碼
試用了一個圓形的效果
Glide.with(mContext) .load(url) .placeholder(R.mipmap.ic_launcher) .diskCacheStrategy(DiskCacheStrategy.RESULT) .bitmapTransform(new CropCircleTransformation(mContext)) //使用圓形變換,還可以使用其他的變換 .into(holder.image);
當然,如果對這些效果都不滿意,可以自己寫對應的變換效果
如果文字看不懂的話,我這裡還有影片講解以下內容,有需要可以點選下方聯絡我:
來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/69952849/viewspace-2670597/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- 乾貨分享:分析Android應用使用的技術框架和開源庫Android框架
- Android應用開發-圖片載入庫GlideAndroidIDE
- 開源:基於 MVP+Retrofit+RxJava+Jsoup+Glide+Material Design 的 Android 閱讀應用MVPRxJavaJSIDEMaterial DesignAndroid
- [Android開源框架]RxHttp使用說明Android框架HTTP
- Android開源資料庫框架-LitePal的使用Android資料庫框架
- Android常用的開源框架Android框架
- Android的MVC開源框架AndroidMVC框架
- Android:Glide使用AndroidIDE
- Android 圖表開源庫調研及使用示例Android
- Android中使用AndroidTagGroup開源框架Android框架
- 十大開源安卓應用程式的開發框架安卓框架
- 在 Android 應用中使用 VideoView 播放影片的示例AndroidIDEView
- Android框架之Volley與GlideAndroid框架IDE
- Android圖片快取框架GlideAndroid快取框架IDE
- android glide圖片載入框架AndroidIDE框架
- 詳談高大上的圖片載入框架Glide -應用篇框架IDE
- Android 面試開源框架篇Android面試框架
- Glide框架IDE框架
- 邊緣計算開源框架EdgeXFoundry的部署應用開發框架
- 即將開源 | 2億使用者背後的Flutter應用框架Fish ReduxFlutter框架Redux
- Cognita: 開源RAG框架助力生產級應用開發框架
- Android之五大應用開發框架Android框架
- Android應用資源Android
- [譯] 在 Android 應用中使用向量資源Android
- android面試——開源框架的原始碼解析Android面試框架原始碼
- Android開源框架ImageLoader的完美例子Android框架
- android開源專案和框架Android框架
- BI應用,使用開源的還是商業的?
- Android 音訊應用框架Android音訊框架
- 從頭開始,手寫android應用框架(一)Android框架
- 一應俱全!開源跨平臺3D應用開發框架Minko3D框架
- 使用Kotlin開發Android應用KotlinAndroid
- Android實際開發中實用的第三方(開源)框架Android框架
- 最棒的開源 Android 應用:聊天、影象、音訊等等Android音訊
- 實用的Android開源庫Android
- Android 極簡反射教程及應用示例Android反射
- Galileo:一款開源Web應用審計框架Web框架
- 值得推薦的android開源框架簡介Android框架