码迷,mamicode.com
首页 > 移动开发 > 详细

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

时间:2014-08-25 13:28:44      阅读:931      评论:0      收藏:0      [点我收藏+]

标签:微博尾   装逼神器   app应用   

(本文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、开始设计界面布局以及样式等等。


先上张首页图效果如下:

bubuko.com,布布扣


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

bubuko.com,布布扣


这里采用了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应用——装逼神器《微博尾》

标签:微博尾   装逼神器   app应用   

原文地址:http://blog.csdn.net/love_5209/article/details/38708991

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!