您的位置:首页 > 移动开发 > Android开发

我的第一个android应用——装逼神器《微博尾》

2014-08-25 11:49 274 查看


继《微博尾》之《玩转尾巴》好玩尾巴积分版传送门:/article/9177632.html


(本文android新手所做,有疑问或建议请回复~直接回帖或联系新浪微博@请叫我小纯酷

最新版本3.1微博尾下载地址:http://android.myapp.com/myapp/detail.htm?apkName=com.xiaoku.weibowei

学习android也快一个月了,本身有java基础,学起来也比较容易。第一个应用《微博尾》因此诞生了~(作为第一个作品对于本人来说还是比较满意的)

说难不难,简单也不简单(对于新手来说会遇到一些问题的),思路一有了,就开始做了(兴趣所在),做的过程中也遇到很多问题。也慢慢积累了经验。

首先,想法很重要,没有想法都不知从何做起,微博尾这个的想法是从网上浏览无意间看到的,通过修改微博尾,来显示发微博时“来自 xxx手机”的标志,便觉得好玩[土(zhuang)豪(bi)必备],于是开始着手做~~~

微博尾1.0下载地址:http://android.myapp.com/myapp/detail.htm?apkName=com.xiaoku.weibowei (可下载对照着功能看下面的讲解)

好了,开始了~~~

1、收集微博尾资源,在网上找了很多微博尾的app_src,收集了很多之后就开始了。

2、搭建环境,由于现在的手机android版本都基本4.xx了,故而选择目标版本4.2.2,最小支持版本3.2。

3、开始设计界面布局以及样式等等。

先上张首页图效果如下:



这里,首页布局采用了GridView布局方式,每个Item里面均有一个TextView,每个TextView绑定了一个图片以及文字,专门用于显示手机类型的(大类型,可点击进入小尾巴分类),点击之后显示如下:



这里采用了ListView布局,表面看只有一个TextView,里面其实还隐藏了另一个TextView,用于存放对应的app_src,当点击ListView的某个item时,对应的app_src将被添加到对应要发布微博的URL中,之后点击下面的“微博,走你“按钮,即可到新浪微博发微博,所发的微博也即能显示你所点击的尾巴类型如” 来自 iPhone5s “等~~

总体流程就是这样子。

看起来实现好像没什么难度,其实中间也遇到一些问题,这里稍微讲解一下:

1、首先对于新手来说,很多东西学了不一定能全记住,要养成好的习惯,比如,新建一个Activity就要想到在清单文件AndroidManifest.xml中添加对应的Activity申明。而这个应用需要用到网络,也就得添加相应的网络permission了。

2、上面Gridview对应的每一个item点击进去后显示的ListView,当然不是一个个的Activity了,不然很浪费资源的,可以采用Fragment碎片,灵活又方便。当然,采用了Fragment又会遇到一些问题了。

比如,返回事件,当从主页MainActivity(GridView用一个Fragment包装)跳到ListView(一个Fragment),此时还是MainActivity,只不过换了个Fragment而已,所以不处理一下返回事件的话,一点返回将退出程序了。如何解决呢?

看下面代码

Fragment selectPhoneFragment = new SelectPhoneFragment();
FragmentTransaction transaction = getFragmentManager().beginTransaction();

Bundle bundle = new Bundle();
bundle.putString("phoneName", PHONE_NAME[position]);
selectPhoneFragment.setArguments(bundle);

transaction.replace(R.id.main_fragment,selectPhoneFragment);
transaction.addToBackStack(null);
transaction.commitAllowingStateLoss();


transaction.addToBackStack(null);这句是关键,将当前的Activity添加到栈中,返回时即可显示刚刚那个Activity。

3、17个手机产商,我直接就存放在String数组中了,以及对应的图片drawable ID,后续可使用面向对象的方式存放。但是,70多个微博尾,如何存放呢?刚开始想了存放在Sqlite数据库中,后来想想还是不习惯使用Sqlite,于是,就采用了properties工具类来存储了。工具代码如下:

package com.xiaoku.weibowei.util;

import java.io.IOException;
import java.io.InputStream;
import java.util.Properties;
/**
* 读取property文件
*/

@SuppressWarnings("serial")
public class FileUtil implements java.io.Serializable{
private Properties prop ;
private InputStream is ;

public FileUtil(String filename)
{
prop = new Properties() ;
is = getClass().getResourceAsStream("/assets/"+filename);
try {
prop.load(is);
if(is!=null)
is.close();
} catch (IOException e) {
System.out.print(e.getMessage()) ;
e.printStackTrace();
}
}

//取得属性
public String getProperties(String PropertyName)
{
return prop.getProperty(PropertyName);
}
}


从上面的代码可以看到,我存放的property文件是放在assets目录下的。

于是,我就可以在property文件中存放对应的手机以及对应微博尾键值对了。键为手机商,值为多个尾巴组合起来。如:华为=荣耀6的尾巴#荣耀6&荣耀3C的尾巴#荣耀3C

取出来之后在按照&划分,之后再按照#划分,便可取到对应尾巴的app_src了。

4、刚刚前面说过的fragment还有一个问题,就是横竖屏的时候会出错,比如MainActivity(里面的一个fragment手机产商,记为MainFragment),点击某个手机产商,调到另一个fragment,此时还在MainActivity,如果切换横竖屏的话,就会出现跳回MainFragment界面。原因是横竖屏切换的话默认会导致Activity从新调用onCreate方法一次,也就是会显示了MainFragment手机产商界面。可在清单文件配置如下:

<activity android:name="com.xiaoku.weibowei.MainActivity"  android:configChanges="orientation|keyboardHidden|keyboard|screenSize"></activity>


然后在MainActivity中重写一下onConfigurationChanged方法(这里我就没处理了):

//横竖屏切换
@Override
public void onConfigurationChanged(Configuration newConfig) {
/*if(newConfig.orientation == Configuration.ORIENTATION_LANDSCAPE){
Toast.makeText(getApplicationContext(), "横屏", Toast.LENGTH_LONG).show();
}else{
Toast.makeText(getApplicationContext(), "竖屏", Toast.LENGTH_LONG).show();
}*/
super.onConfigurationChanged(newConfig);
}


5、关于2次返回按钮退出时显示吐丝”再按一次退出程序“的做法,其实也很简单,只需在MainActivity中重写一下onKeyDown,里面做一下判断

//2次返回退出应用
@Override
public boolean onKeyDown(int keyCode, KeyEvent event) {
if (keyCode == KeyEvent.KEYCODE_BACK) {
if (this.getFragmentManager().getBackStackEntryCount() == 0) {//最后一个fragment即主页~
if ((System.currentTimeMillis() - mExitTime) > 2000) {
Toast.makeText(this, "再按一次退出程序", Toast.LENGTH_SHORT).show();
mExitTime = System.currentTimeMillis();
}else {
finish();
}
return true;
}
}
return super.onKeyDown(keyCode, event);
}
</pre>这里的【 if (this.getFragmentManager().getBackStackEntryCount() == 0) {//最后一个fragment即主页~ 】   也比较关键,因为使用了fragment,不然在ListViewFragment(也就是选择具体某个手机型号的界面)里面点击返回也会执行这一个,不做这段处理的话,也会显示”再按一次退出程序“。<p></p><p></p><p>6、关于菜单按钮(右上角三个点),可能是由于版本问题,有些地方显示不了,可在MainActivity中的onCreate方法做以下处理:</p><p></p><pre name="code" class="java">//显示三个点菜单
try {
ViewConfiguration config = ViewConfiguration.get(this);
Field menuKeyField = ViewConfiguration.class.getDeclaredField("sHasPermanentMenuKey");
if(menuKeyField != null) {
menuKeyField.setAccessible(true);
menuKeyField.setBoolean(config, false);
}
} catch (Exception e) {
e.printStackTrace();
}


在菜单”关于“按钮显示对应的页面中,显示作者信息等等那一个页面,横竖屏切换遇到了下面的字看不到了,原因就是没有设置滚动条,可在对应的Layout中添加ScrollView包裹你要滚动的视图。

<ScrollView xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:scrollbars="vertical">

包裹要滚动的视图

</ScrollView>


在菜单”图解“按钮中,其实也就是初始安装显示的引导页面,使用的是ViewFilpper, 可参考http://blog.csdn.net/love_5209/article/details/38516233

里面又涉及到横竖屏切换问题,一横屏,显示的图片不是很好看,故而应该设置只允许竖屏显示,可在清单文件配置对应的Activity:

<activity android:name="com.xiaoku.weibowei.ViewFlipperActivity" android:screenOrientation="nosensor">
参数还有其他,大家可以研究研究~

7、点击”微博,走你“按钮之后,跳到另一个Activity,这里采用了WebView来访问传过来的URL值,默认不做处理的话,访问后会出现可以访问新浪微博,但是点击不了里面的按钮之类的,返回也没有直接在浏览器返回(不管你点了多少个页面,一点返回直接跳回ListViewFragment页面),故需要做一下处理如下:

@SuppressLint({ "SetJavaScriptEnabled", "SdCardPath" })
@Override
public void onViewCreated(View view, Bundle savedInstanceState) {
super.onViewCreated(view, savedInstanceState);
String url = (String) getArguments().get("url");//接收传过来的URL
webView = (WebView) getActivity().findViewById(R.id.webview);

//点击后退按钮,让WebView后退一页(也可以覆写Activity的onKeyDown方法)
webView.setOnKeyListener(new View.OnKeyListener() {
@Override
public boolean onKey(View v, int keyCode, KeyEvent event) {
if (event.getAction() == KeyEvent.ACTION_DOWN) {
if (keyCode == KeyEvent.KEYCODE_BACK && webView.canGoBack()) {
webView.goBack();   //后退
//webview.goForward();//前进
return true;    //已处理
}
}
return false;
}
});

//设置浏览器可用
WebSettings s = webView.getSettings();
s.setBuiltInZoomControls(true);
s.setLayoutAlgorithm(WebSettings.LayoutAlgorithm.NARROW_COLUMNS);
s.setUseWideViewPort(true);
s.setLoadWithOverviewMode(true);
s.setSavePassword(true);
s.setSaveFormData(true);
s.setJavaScriptEnabled(true);
// enable navigator.geolocation
s.setGeolocationEnabled(true);
s.setGeolocationDatabasePath("/data/data/com.xiaoku.weibowei/databases/");
// enable Web Storage: localStorage, sessionStorage
s.setDomStorageEnabled(true);
webView.requestFocus();
webView.setScrollBarStyle(0);

webView.setWebViewClient(new WebViewClient(){
@Override
public boolean shouldOverrideUrlLoading(WebView view,
String url) {
view.loadUrl(url);
return true;
}
});//自定义浏览器
webView.loadUrl(url);
Toast.makeText(getActivity(), "加载网页,请稍等...", Toast.LENGTH_LONG).show();
}


除了以上这些,其实还有其他的一些功能,比如进入ListViewFragment,listView滑动的效果;软件初始显示图解,之后点击直接进入主页;嵌入插屏广告;分享功能等等。

对于源码目前暂不提供,有问题可回帖交流

微博尾2.0版本已完工,9月份初上线。(版本预告:尾巴达90多种,添加个性尾巴,分享功能提供下载地址)

微博尾下载地址:http://android.myapp.com/myapp/detail.htm?apkName=com.xiaoku.weibowei

感谢您的阅读~!
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: