【Android开发】找乐,一个笑话App的制作过程记录
缘起
想做一个笑话App的原因是由于在知乎上看过一个帖子。做Android能够有哪些数据能够练手,里面推荐了几个数据开放平台。
在这些平台中无一不是有公共的笑话接口,当时心想这个能够拿来练手啊,还挺有意思的,预计还能积累一点用户。
碰巧(真的好巧)在Github中遇到了一个MVP设计模式的框架Beam,作者Jude95有一个笑话仓库————Joy(豆逼)。就是一个做笑话的!
更巧的是用到的接口也是我在关注的接口。心想不如改造一下吧,做个升级版。自己也能够在这个中学到别人是怎么写App的。
后来发现这是一个非常正确的决定。
雏形
由于是基于别人的改进。所以在写之前就已经有雏形。当然这个雏形不是非常完好,这恰恰给了我改动的空间。在获得作者的改动允许后,我就进一步研究这个利用MVP框架书写的App。未改动之前:
首先。豆逼仅仅能查看段子和查看图片,我觉得主要的复制文本和查看大图以及下载图片。这些都没有。
作者仅仅是用这个仓库来说明MVP模式的。所以仅仅做了最主要的功能。作者也说。笑话连个id都没有。点赞、评论什么的根本没法做。
那好,我就把我觉得的文本复制和图片相关的做一下吧。
研究
MVP模式在这个项目之前我研究非常少。仅仅是听说,可是这个项目全然给我耳目一新的感觉。MVP对Android来说实在是太实用了!
关于MVP我以后想细致写个帖子研究一下。这里仅仅想说明MVP使Android项目层次分明,代码结构简单。复用性高。參考作者的Beam。
这个项目用了非常棒的一个开源控件。也是项目作者自己的控件EasyRecyclerView,这个控件对我来说相见恨晚。线性布局仿EasyRecyclerView已经实现了下拉刷新,上拉载入很多其它,错误提示等,简直把项目开发中可能遇到的坑都给做好了。我之前仅仅能一个一个的去实现这些功能!为什么没有早早的用上这个控件。
其它的没有重大的惊喜。可是项目整体感觉代码量非常少,非常精简。假设是我完毕同样的功能的App。可能须要3倍的代码才干实现。
改进
查看大图
首先实现点击查看大图的功能。
PhotoView这个控件也是之前不久在Github中遇到的,使用的时候没想到居然这么easy!仅仅须要在xml中声明一个PhotoView。主要的放大、缩小、手势识别都有了!太方便。可能也是北邮人论坛官方client採用的一个查看大图的工具。
在java文件载入图片时则与ImageView全然同样,这个不在赘述。
另一个拓展的地方是,单击图片返回(= = 一般都有吧?)。这个须要依据PhotoView的官方说明,使用Attacher来管理点击事件,经过我測试,貌似直接声明ImageView的点击是不会有效果的。
图片下载
这个App採用的是Glide载入网络图片。而Glide并没有直接的下载存储的方法,仅仅有自己拓展,耽误了些功夫。
直接分享一段图片下载和通知图库的代码吧。
public void saveImage(String imageUrl) {
String[] names = new String[0];
if (imageUrl != null) {
names = imageUrl.split("/");
}
String imageName = names[names.length - 1];
Glide
.with(getView())
.load(imageUrl)
.asBitmap()
.toBytes(Bitmap.CompressFormat.JPEG, 100)
.into(new SimpleTarget<byte[]>() {
@Override
public void onResourceReady(final byte[] resource, GlideAnimation<? super byte[]> glideAnimation) {
new AsyncTask<Void, Void, Void>() {
@Override
protected Void doInBackground(Void... params) {
if (ImageStorage.checkifImageExists(imageName)) {
Snackbar.make(getView().fab, "图片已存在", Snackbar
.LENGTH_LONG)
.setAction("Action", null).show();
return null;
}
String path = Environment.getExternalStorageDirectory().toString();
JUtils.Log("path", path);
Bitmap bitmap = BitmapFactory.decodeByteArray(resource, 0, resource.length);
JUtils.Log("imageName", imageName);
ImageStorage.saveToSdCard(getView(), bitmap, imageName);
Snackbar.make(getView().fab, "图片已下载", Snackbar.LENGTH_LONG)
.setAction("Action", null).show();
return null;
}
}.execute();
}
});
}
当中ImageStorage.java:
public class ImageStorage {
public static String saveToSdCard(Context context, Bitmap bitmap, String filename) {
String stored = null;
File sdcard = Environment.getExternalStorageDirectory();
File folder = new File(sdcard.getAbsoluteFile(), "FindJoy");//the dot makes this directory hidden to
// the
// user
folder.mkdir();
File file = new File(folder.getAbsoluteFile(), filename + ".jpg");
if (file.exists())
return stored;
try {
FileOutputStream out = new FileOutputStream(file);
bitmap.compress(Bitmap.CompressFormat.JPEG, 100, out);
out.flush();
out.close();
stored = "success";
JUtils.Log("stored", stored);
} catch (Exception e) {
e.printStackTrace();
}
// 其次把文件插入到系统图库
try {
MediaStore.Images.Media.insertImage(context.getContentResolver(),
file.getAbsolutePath(), filename, null);
} catch (FileNotFoundException e) {
e.printStackTrace();
}
// 最后通知图库更新
context.sendBroadcast(new Intent(Intent.ACTION_MEDIA_SCANNER_SCAN_FILE, Uri.parse("file://" + file
.getAbsolutePath())));
return stored;
}
public static File getImage(String imagename) {
File mediaImage = null;
try {
String root = Environment.getExternalStorageDirectory().toString();
File myDir = new File(root);
if (!myDir.exists())
return null;
mediaImage = new File(myDir.getPath() + "/FindJoy/" + imagename);
} catch (Exception e) {
// TODO Auto-generated catch block
e.printStackTrace();
}
return mediaImage;
}
public static boolean checkifImageExists(String imagename) {
Bitmap b = null;
File file = ImageStorage.getImage("/" +
imagename + "" +
".jpg");
String path = file.getAbsolutePath();
if (path != null)
b = BitmapFactory.decodeFile(path);
if (b == null || b.equals("")) {
return false;
}
return true;
}
}
为什么之前我试了非常久可是一直发现图库没有图片呢?一直以为是自己的图片没有存储下来,后来用图库的查看文件夹的方式发现了FindJoy文件夹。
原来是须要通知图库更新,否则图片不会再图库中显示。详细请看上面代码。
复制段子
这个本身是不麻烦的,出现故障的地方在于,这个MVP框架中怎么对这个List加上OnItemClilkListner。
本身我就不非常熟。这个地方犯了不少错误,我怎么没想到看EasyRecyclerView的官方说明呢?
解决方法是在TextViewHolder中的itemView加上:
itemView.setOnClickListener(view ->
new MaterialDialog.Builder(getContext())
.title(R.string.select)
.content(R.string.copy)
.positiveText(R.string.agree)
.negativeText(R.string.disagree)
.onPositive((dialog, which) -> {
// Gets a handle to the clipboard service.
ClipboardManager clipboard = (ClipboardManager) getContext().
getSystemService(Context.CLIPBOARD_SERVICE);
// Creates a new text clip to put on the clipboard
ClipData clip = ClipData.newPlainText("joy", data.getText());
// Set the clipboard's primary clip.
clipboard.setPrimaryClip(clip);
Snackbar.make(itemView, "已将该段子拷贝到粘贴板", Snackbar.LENGTH_SHORT).show();
})
.show()
);
官方库还有能够设置EasyRecyclerView的监听的方法,效果是一样的。
友盟统计
友盟统计可能是我自己往外发包的一个必选的项了,由于要知道App的使用情况啊。
这次发现友盟统计比曾经好用多了。jar包也放到了jCenter()仓库,非常方便了。
这里要赞一下这个MVP库的优点了。居然能够让全部的Activity的生命周期都调用同一段代码来实现友盟统计中要求的全部Actvity的OnResume()和OnPause()方法中都调用统计方法。
实现是通过一个顶级管理类MyActivityLifeCycleDelegate继承ActivityLifeCycleDelegate,在里面设置友盟统计的方法。
public class MyActivityLifeCycleDelegate extends ActivityLifeCycleDelegate {
public MyActivityLifeCycleDelegate(Activity act) {
super(act);
}
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
JUtils.Log("onCreate" + getActivity().getClass().getName());
}
@Override
protected void onPause() {
super.onPause();
JUtils.Log("onPause");
MobclickAgent.onPause(getActivity());
}
@Override
protected void onResume() {
super.onResume();
JUtils.Log("onResume");
MobclickAgent.onResume(getActivity());
}
}
然后在App的Application中
Beam.setActivityLifeCycleDelegateProvider(MyActivityLifeCycleDelegate::new);
上面这行代码是IDE自己简化的。好高端啊,居然有点不明确是怎么回事了。。)
哦,对了,不要忘记在Manifest中声明友盟的appkey。
嗯。统计就集成好了。
自己主动更新
同样是友盟的服务。我也以为仅仅是几分钟的事情就搞定了,可是由于自己的问题,耽误了一段时间,居然还想着把这个锅扔给友盟。
好吧,我错了。
这个和统计不一样的是须要手动下载包放到项目当中,当中包括了一个.so文件。
由于在app的gradle中声明了这句:
compile fileTree(include: ['*.jar'], dir: 'libs')
我就以为万事大吉了。其实我开启了友盟的debug模式才看了出来是我的.so没有载入进去。
嗯。jni应该这么声明。我给忘了:
sourceSets {
main {
jniLibs.srcDirs = ['libs']
}
}
这样.so文件就能载入进去了。
而友盟自己主动更新仅仅须要在MainActivity中写一句代码:
UmengUpdateAgent.update(this);
非常酷对不正确?
自己主动更新是依据app versionCode来推断的。更新的时候注意改动。
App截图
这些功能做完之后我改动了一下配色。终于效果大体如图,部分功能未截图。
应用市场
嗯,这些都实现了之后就上线应用商店了,主要有这几个:
- 小米应用商店:http://app.mi.com/detail/286105
- 应用宝:http://android.myapp.com/myapp/detail.htm?
- 豌豆荚:http://www.wandoujia.com/apps/com.fuxuemingzhu.findjoy
- Fir.im:http://fir.im/axy4
能够扫码下载:
应用宝下载:
豌豆荚下载:
Fir.im下载:
尽量不要用Fir。由于Fir没有直观的下载数目统计,嗯。尽量通过正规应用商店吧。
下载这事还得大家捧个场。
结语
尽管是一个非常easy的App,可是却包括着非常多的心思在里面。并且尝试新的东西的时候能够学到不少东西。这个是值得肯定的。毕竟我如今有种想把之前的App都揉碎又一次来写的冲动。毕竟抵挡不住 MVP + Material Design的双重诱惑啊!
Android 开发还有非常长的路要走。
本项目已经全然开源,代码在:https://github.com/fuxuemingzhu/FindJoy,欢迎Star和Fork.