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

浏览数：31 / 时间：2015年06月11日

（本文android新手所做，有疑问或建议请回复~版本2.0将在9月份初上线，可在腾讯应用宝上搜索“微博尾”或直接联系新浪微博@请叫我小纯酷）

学习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多种，添加个性尾巴，分享功能提供下载地址）

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


感谢您的阅读~！



郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。

标签： Android iOS 移动互联 终端开发

相关文章

随机文章

您可能还喜欢

您可能还喜欢