Android之路——第一个上线 APP项目总结
生活随笔
收集整理的這篇文章主要介紹了
Android之路——第一个上线 APP项目总结
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
引言
很多事經歷之后或者失去之后才會懂得想去珍惜，也許你繞了一圈之后猛然回頭才會發現原來她才是真愛……說來也慚愧，從Android1.6開始入門，大二之后所有課余時間都是在學Android，也算是很早就開始入門了，畢業前就想的是專心做Android 開發的工作，可是入職之后往往人在江湖身不由己……常常聽到說他多么多么的喜歡android或者其他語言，可是很少一部分人都只是停留在口頭上，一到面試也許總能說出一大堆idea，bla bla 的，可是真正努力去實現APP的少之又少，這樣的喜歡是無人令人信服的。當然也許會有各種擔心和顧忌，至今我大學時期參加谷歌大學學術合作的那個創新Android項目功能都還沒能真正實現（目前市場上主流的app也還未實現，不知道是不能實現還是沒興趣實現？重拾Android也有一部分的原因是因為想要去實現這個未完成的夢），也想過，擔心自己水平不夠或者即使做出來了沒有給自己帶來附加利益什么的。可有些東西只有你去實踐了你去動手了你才會真正體會到，也許在你是在你挑燈通宵攻克難關，也許是在你一次次Debugg中，也許就是在很平常的開發過程的那么一瞬間，突然你又有了新想法和新的理解。
一、APP簡介
鐘愛理財是一款理財記賬app,包含支出明細信息、收入信息查詢、扇形圖統計消費評估、記賬、入賬、各月份支出、收入柱狀圖對比等多個功能，它能讓你實現隨時隨地全天候記賬、查賬，完全的本地化存儲數據，無需聯網不消耗流量。如果感興趣可以去360市場中搜索“鐘愛理財”下載，互相學習學習。主界面效果圖：
二、APP逐層分解總結
1. 引導界面
主要布局文件是自定義的繼承自ViewGroup的滑動容器（實現ViewPager的效果），布局是把四個子布局文件嵌套到容器里，作為四個引導頁面的布局，通過監聽onTouchEvent事件實現滑動的效果，關鍵是計算移動的距離稍微復雜一點點。
1.1 自定義滑動容器的代碼
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"android:id="@+id/mainRLayout"android:layout_width="fill_parent"android:layout_height="fill_parent"android:background="#000000" ><!-- 自定義滑動控件 --><cmo.fin.ui.UserScrollLayOut xmlns:android="http://schemas.android.com/apk/res/android"android:id="@+id/scrollLayout"android:layout_width="fill_parent"android:layout_height="fill_parent"android:visibility="visible" ><!-- 每一頁的布局均以一個RelativeLayout來控制，后面類似，這里一共四個 --><RelativeLayout android:layout_width="fill_parent"android:layout_height="fill_parent"android:background="@drawable/w01" ><TextView android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_centerHorizontal="true"android:layout_marginTop="396dp"android:text="@string/wel1_txt"android:textColor="#FFFFFF"android:textSize="16sp" /></RelativeLayout><RelativeLayout android:layout_width="fill_parent"android:layout_height="fill_parent"android:background="@drawable/w02" ><TextView android:id="@+id/t1"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_centerHorizontal="true"android:layout_marginTop="396dp"android:layout_marginBottom="20dp"android:text="@string/wel2_txt"android:textColor="#FFFFFF"android:textSize="16sp" /></RelativeLayout><RelativeLayout android:layout_width="fill_parent"android:layout_height="fill_parent"android:background="@drawable/w03"><TextView android:id="@+id/t2"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_centerHorizontal="true"android:layout_marginTop="396dp"android:text="@string/wel3_txt"android:textColor="#FFFFFF"android:textSize="16sp" /></RelativeLayout><RelativeLayout android:layout_width="fill_parent"android:layout_height="fill_parent"android:background="@drawable/wel_opendream" ><!-- 點擊該按鈕后就進入ShowActivit了 --><Button android:id="@+id/startBtn"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_alignParentBottom="true"android:layout_centerHorizontal="true"android:layout_gravity="center_vertical"android:layout_marginBottom="90dp"android:layout_marginLeft="8dp"android:layout_marginRight="8dp"android:background="@drawable/button_bg"android:text="開始你的筑夢之路"android:textColor="#FFFFFF"android:textSize="16sp" /></RelativeLayout></cmo.fin.ui.UserScrollLayOut><!-- 這個布局是下面顯示的小圓點的布局，其中ImageView的數量要與上面RelativeLayout的數量對應 --><LinearLayout android:id="@+id/llayout"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_alignParentBottom="true"android:layout_centerHorizontal="true"android:layout_marginBottom="25dp"android:orientation="horizontal"android:visibility="visible" ><ImageView android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_gravity="center_vertical"android:clickable="true"android:padding="5dp"android:src="@drawable/page_indicator_bg" /><ImageView android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_gravity="center_vertical"android:clickable="true"android:padding="5dp"android:src="@drawable/page_indicator_bg" /><ImageView android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_gravity="center_vertical"android:clickable="true"android:padding="5dp"android:src="@drawable/page_indicator_bg" /><ImageView android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_gravity="center_vertical"android:clickable="true"android:padding="5dp"android:src="@drawable/page_indicator_bg" /></LinearLayout> </RelativeLayout>1.2 自定義滑動容器Java代碼
package cmo.fin.ui;import cmo.fin.interfaces.IOnViewChangeListener; import android.content.Context; import android.util.AttributeSet; import android.view.MotionEvent; import android.view.VelocityTracker; import android.view.View; import android.view.ViewGroup; import android.widget.Scroller; /*** 類似ViewPager的效果* @author cmo* @sumary 自定義布局容器* @date 2016-06-13* @version 新建*/ public class UserScrollLayOut extends ViewGroup {private VelocityTracker mVelocityTracker; // private static final int SNAP_VELOCITY = 600;private Scroller mScroller;private int mCurScreen;private int mDefaultScreen = 0;private float mLastMotionX;private IOnViewChangeListener mOnViewChangeListener;public UserScrollLayOut(Context context) {super(context);init(context);}public UserScrollLayOut(Context context, AttributeSet attrs) {super(context, attrs);init(context);}public UserScrollLayOut(Context context, AttributeSet attrs, int defStyle) {super(context, attrs, defStyle);init(context);}private void init(Context context) {mCurScreen = mDefaultScreen;mScroller = new Scroller(context);}@Overrideprotected void onLayout(boolean changed, int l, int t, int r, int b) {if (changed) {int childLeft = 0;final int childCount = getChildCount();for (int i = 0; i < childCount; i++) {final View childView = getChildAt(i);if (childView.getVisibility() != View.GONE) {final int childWidth = childView.getMeasuredWidth();childView.layout(childLeft, 0, childLeft + childWidth,childView.getMeasuredHeight());childLeft += childWidth;}}}}@Overrideprotected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {super.onMeasure(widthMeasureSpec, heightMeasureSpec);final int width = MeasureSpec.getSize(widthMeasureSpec);final int count = getChildCount();for (int i = 0; i < count; i++) {getChildAt(i).measure(widthMeasureSpec, heightMeasureSpec);}scrollTo(mCurScreen * width, 0);}public void snapToDestination() {final int screenWidth = getWidth();final int destScreen = (getScrollX() + screenWidth / 2) / screenWidth;snapToScreen(destScreen);}public void snapToScreen(int whichScreen) {// get the valid layout pagewhichScreen = Math.max(0, Math.min(whichScreen, getChildCount() - 1));if (getScrollX() != (whichScreen * getWidth())) {final int delta = whichScreen * getWidth() - getScrollX();mScroller.startScroll(getScrollX(), 0, delta, 0,Math.abs(delta) * 2);mCurScreen = whichScreen;invalidate(); // Redraw the layoutif (mOnViewChangeListener != null) {mOnViewChangeListener.onViewChange(mCurScreen);}}}@Overridepublic void computeScroll() {if (mScroller.computeScrollOffset()) {scrollTo(mScroller.getCurrX(), mScroller.getCurrY());postInvalidate();}}@Overridepublic boolean onTouchEvent(MotionEvent event) {final int action = event.getAction();final float x = event.getX();switch (action) {case MotionEvent.ACTION_DOWN:if (mVelocityTracker == null) {mVelocityTracker = VelocityTracker.obtain();mVelocityTracker.addMovement(event);}if (!mScroller.isFinished()) {mScroller.abortAnimation();}mLastMotionX = x;break;case MotionEvent.ACTION_MOVE:int deltaX = (int) (mLastMotionX - x);if (IsCanMove(deltaX)) {if (mVelocityTracker != null) {mVelocityTracker.addMovement(event);}mLastMotionX = x;scrollBy(deltaX, 0);}break;case MotionEvent.ACTION_UP:int velocityX = 0;if (mVelocityTracker != null) {mVelocityTracker.addMovement(event);mVelocityTracker.computeCurrentVelocity(1000);velocityX = (int) mVelocityTracker.getXVelocity();}if (velocityX > SNAP_VELOCITY && mCurScreen > 0) {// Fling enough to move leftsnapToScreen(mCurScreen - 1);} else if (velocityX < -SNAP_VELOCITY&& mCurScreen < getChildCount() - 1) {// Fling enough to move rightsnapToScreen(mCurScreen + 1);} else {snapToDestination();}if (mVelocityTracker != null) {mVelocityTracker.recycle();mVelocityTracker = null;}break;}return true;}private boolean IsCanMove(int deltaX) {if (getScrollX() <= 0 && deltaX < 0) {return false;}if (getScrollX() >= (getChildCount() - 1) * getWidth() && deltaX > 0) {return false;}return true;}public void SetOnViewChangeListener(IOnViewChangeListener listener) {mOnViewChangeListener = listener;} }2. 登錄界面
布局文件就普通的EditText、Button、ImageView、CheckBox、TextView，當時一時沒想到，應該使用自定義View的方式把ImageView和EditText結合起來，就不用總是用Relative去微調布局了。
3.主界面
布局主要是通過FragmentTabHost+Fragment+RadioButton實現。具體過程是這樣的，利用RadioButton實現底部菜單欄，再注冊RadioGroup的setOnCheckedChangeListener方法實現Tab之間的切換，用Framlayout存放Fragment也就是每一個Tab真正要展示的內容（貌似做還有更簡單的方法可以實現，沒有深究，至少比在Android2.X那段時間，實現這個用ViewPager和TabHost配合各種動畫方便多了，更重要的是整個界面就一個MainActivity，真正的內容都是放到Fragment里的）
3.1 主界面布局
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"xmlns:tools="http://schemas.android.com/tools"android:layout_width="fill_parent"android:layout_height="fill_parent"android:orientation="vertical" ><FrameLayoutandroid:id="@+id/realtabcontent"android:layout_width="fill_parent"android:layout_height="0dp"android:layout_weight="1" /><RadioGroupandroid:id="@+id/tab_rg_menu"android:layout_width="fill_parent"android:layout_height="wrap_content"android:background="@drawable/mmfooter_bg"android:orientation="horizontal" ><RadioButtonandroid:id="@+id/tab_rb_1"style="@style/tab_rb_style"android:checked="true"android:drawableTop="@drawable/tab_selector_pay"android:text="@string/tab_pay" /><RadioButtonandroid:id="@+id/tab_rb_2"style="@style/tab_rb_style"android:drawableTop="@drawable/tab_selector_income"android:text="@string/tab_income" /><RadioButtonandroid:id="@+id/tab_rb_3"style="@style/tab_rb_style"android:drawableTop="@drawable/tab_selector_faxian"android:text="@string/tab_evalate" /><RadioButtonandroid:id="@+id/tab_rb_4"style="@style/tab_rb_style"android:drawableTop="@drawable/tab_selector_more"android:text="@string/tab_more" /></RadioGroup><android.support.v4.app.FragmentTabHostandroid:id="@android:id/tabhost"android:layout_width="match_parent"android:layout_height="wrap_content"android:visibility="gone" ><FrameLayoutandroid:id="@android:id/tabcontent"android:layout_width="0dp"android:layout_height="0dp"android:layout_weight="0" /></android.support.v4.app.FragmentTabHost></LinearLayout>2.2 Fragment布局文件（我這里是展示ListView）
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"xmlns:tools="http://schemas.android.com/tools"android:layout_width="fill_parent"android:layout_height="fill_parent"android:background="@drawable/activity_bcg"android:orientation="vertical" ><RelativeLayout android:layout_width="match_parent"android:layout_height="42dp"android:background="@drawable/search_selector_date" ><ImageView android:id="@+id/item_icon"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_alignLeft="@id/pay_itemname"android:layout_alignTop="@id/pay_itemname"android:layout_marginLeft="4dp"android:layout_marginTop="4dp"android:background="@drawable/manage_date_icon" /><EditText android:id="@+id/pay_search_date"android:layout_width="wrap_content"android:layout_height="43dp"android:layout_alignParentTop="true"android:layout_toRightOf="@+id/item_icon"android:background="@drawable/search_selector_date"android:editable="false"android:ems="10"android:hint="@string/search_date_txt"android:inputType="none"android:paddingLeft="1dp" ><requestFocus /></EditText><ImageButton android:id="@+id/search_btn"android:layout_width="90dp"android:layout_height="42dp"android:layout_alignParentRight="true"android:layout_toRightOf="@id/pay_content"android:background="@drawable/search_selector_date" /><TextView android:id="@+id/pay_btn_txt"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_alignParentRight="true"android:layout_centerHorizontal="false"android:layout_marginTop="5dp"android:layout_toRightOf="@id/pay_content"android:text="@string/search_btn_txt"android:textColor="#fff"android:textSize="20sp"android:textStyle="bold" /></RelativeLayout><HorizontalScrollView android:layout_width="wrap_content"android:layout_height="wrap_content" ><LinearLayout android:layout_width="wrap_content"android:layout_height="wrap_content"android:orientation="horizontal" ><TextView android:layout_width="120dp"android:layout_height="wrap_content"android:gravity="left"android:text="@string/pay_item_head"android:textAppearance="?android:attr/textAppearanceLarge"android:textColor="#008001"android:textSize="24sp"android:textStyle="bold" /><TextView android:layout_width="120dp"android:layout_height="wrap_content"android:gravity="left"android:text="@string/pay_money_head"android:textAppearance="?android:attr/textAppearanceLarge"android:textColor="#f40000"android:textSize="24sp"android:textStyle="bold" /><TextView android:layout_width="120dp"android:layout_height="wrap_content"android:gravity="left"android:text="@string/pay_date_head"android:textAppearance="?android:attr/textAppearanceLarge"android:textColor="#e4f25d"android:textSize="24sp"android:textStyle="bold" /><TextView android:layout_width="120dp"android:layout_height="wrap_content"android:gravity="left"android:text="@string/pay_type_head"android:textAppearance="?android:attr/textAppearanceLarge"android:textColor="#df0f7b"android:textSize="24sp"android:textStyle="bold" /><TextView android:layout_width="200dp"android:layout_height="wrap_content"android:gravity="left"android:text="@string/pay_remark_head"android:textAppearance="?android:attr/textAppearanceLarge"android:textColor="#ccffc2"android:textSize="24sp"android:textStyle="bold" /></LinearLayout></HorizontalScrollView><HorizontalScrollView android:layout_width="match_parent"android:layout_height="wrap_content" ><ListView android:id="@+id/pay_list"android:layout_width="wrap_content"android:layout_height="wrap_content" /></HorizontalScrollView> </LinearLayout>2.3 主界面的Java代碼
package cmo.fin.ui;import cmo.fin.ui.PieChartFragment; import cmo.fin.ui.IncomeFragment; import cmo.fin.ui.MoreFragment; import cmo.fin.ui.PayoutFragment; import cmo.fin.ui.PayoutFragment.OnBackListener; import android.app.Activity; import android.os.Bundle; import android.support.v4.app.FragmentActivity; import android.support.v4.app.FragmentTabHost; import android.view.Menu; import android.widget.RadioGroup; import android.widget.Toast; import android.widget.RadioGroup.OnCheckedChangeListener; import android.widget.TabHost.TabSpec; /*** @author cmo* @sumary app主界面* @date 2015-06-13* @version 新建*/ public class MainActivity extends FragmentActivity implements OnBackListener {// 定義FragmentTabHost對象private FragmentTabHost mTabHost;private RadioGroup mTabRg;private final Class[] fragments = { PayoutFragment.class, IncomeFragment.class,PieChartFragment.class, MoreFragment.class };@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);initView();}private void initView() {mTabHost = (FragmentTabHost) findViewById(android.R.id.tabhost);mTabHost.setup(this, getSupportFragmentManager(), R.id.realtabcontent);// 得到fragment的個數int count = fragments.length;for (int i = 0; i < count; i++) {// 為每一個Tab按鈕設置圖標、文字和內容TabSpec tabSpec = mTabHost.newTabSpec(i + "").setIndicator(i + "");// 將Tab按鈕添加進Tab選項卡中mTabHost.addTab(tabSpec, fragments[i], null);}mTabRg = (RadioGroup) findViewById(R.id.tab_rg_menu);mTabRg.setOnCheckedChangeListener(new OnCheckedChangeListener() {@Overridepublic void onCheckedChanged(RadioGroup group, int checkedId) {switch (checkedId) {case R.id.tab_rb_1:mTabHost.setCurrentTab(0);break;case R.id.tab_rb_2:mTabHost.setCurrentTab(1);break;case R.id.tab_rb_3:mTabHost.setCurrentTab(2);break;case R.id.tab_rb_4:mTabHost.setCurrentTab(3);break;default:break;}}});mTabHost.setCurrentTab(0);}@Overridepublic void onBackPressed() {} }4. 其他維護數據界面
主要維護數據的界面，都是簡單的Activity，錄入數據保存，做一些數據校驗之后，保存到本地數據庫中。
5. ListView展示
主要用于數據的展示，添加了垂直和水平方向的滾動條，ListView的實現主要就是繼承BaseAdapter復寫getCount(),getItemId(),getView()方法，其中因為ListView每一次刷新的時候都會調用getView,則每次都會先去查找View，所以設計了一個View緩存類 用于緩存查找出來的View，提高效率。
package cmo.fin.adapters;import java.util.List; import cmo.fin.entitys.MonthPay; import cmo.fin.ui.R; import android.content.Context; import android.view.LayoutInflater; import android.view.View; import android.view.ViewGroup; import android.widget.BaseAdapter; import android.widget.TextView; /*** @author cmo* @sumary MonthPay ListView的自定義適配器* @date 2015-07-3* @version 新建*/ public class PayoutInfAdapter extends BaseAdapter {private Context mContext;private List<MonthPay> mPayLst;//每個條目要綁定的數據集合private int mViewId;//綁定的條目界面private LayoutInflater mInflater;//使用xml文件生成對應的view對象public PayoutInfAdapter(Context context,List<MonthPay> pay, int mViewId) {//通過構造方法的方式傳遞過來this.mContext=context;this.mPayLst = pay;this.mViewId = mViewId;this.mInflater=(LayoutInflater)context.getSystemService(Context.LAYOUT_INFLATER_SERVICE);}@Overridepublic int getCount() {// 得到要綁定的數據總數return mPayLst.size();}@Overridepublic Object getItem(int position) {// 通過索引值獲取對應的對象return mPayLst.get(position);}@Overridepublic long getItemId(int position) {// 獲取索引值return position;}@Overridepublic View getView(int position, View convertView, ViewGroup parent) {TextView nameView;TextView moneyView;TextView typeView;TextView dateView;TextView remarkView;ViewCache cache;// 初始化條目界面并實現數據的綁定if(convertView==null){convertView=mInflater.inflate(mViewId, null);//生成條目界面對象nameView=(TextView)convertView.findViewById(R.id.item_name);dateView=(TextView)convertView.findViewById(R.id.item_date);moneyView=(TextView)convertView.findViewById(R.id.item_money);typeView=(TextView)convertView.findViewById(R.id.item_type);remarkView=(TextView)convertView.findViewById(R.id.item_remark);cache=new ViewCache();cache.nameView=nameView;cache.dateView=dateView;cache.moneyView=moneyView;cache.typeView=typeView;cache.remarkView=remarkView;convertView.setTag(cache);}else{cache=(ViewCache)convertView.getTag();nameView=cache.nameView;dateView=cache.dateView;moneyView=cache.moneyView;typeView=cache.typeView;remarkView=cache.remarkView;}//綁定數據MonthPay pay=mPayLst.get(position);nameView.setText(pay.getPayItemName());dateView.setText(pay.getPayDate());moneyView.setText(pay.getMoney());typeView.setText(pay.getItemType());remarkView.setText(pay.getPayContent());//分別給Item里每個View注冊長點擊事件/*cache.nameView.setOnLongClickListener(new TxtClickListener(position));cache.moneyView.setOnLongClickListener(new TxtClickListener(position));cache.dateView.setOnLongClickListener(new TxtClickListener(position));cache.typeView.setOnLongClickListener(new TxtClickListener(position));cache.remarkView.setOnLongClickListener(new TxtClickListener(position));cache.nameView.setOnCreateContextMenuListener(null);*/return convertView;}//View緩存類 用于緩存查找出來的View，因為ListView每一次刷新的時候都會調用getView,則每次都會先去查找Viewprivate final class ViewCache{public TextView nameView;public TextView dateView;public TextView moneyView;public TextView typeView;public TextView remarkView;} }6. 圖表展示界面
主要是動態扇形圖統計和年度個月份柱狀圖對比
6.1扇形統計圖
package cmo.fin.ui;import java.text.DecimalFormat; import java.text.NumberFormat; import java.util.Calendar; import java.util.List; import java.util.Random; import org.achartengine.ChartFactory; import org.achartengine.GraphicalView; import org.achartengine.model.CategorySeries; import org.achartengine.renderer.DefaultRenderer; import org.achartengine.renderer.SimpleSeriesRenderer; import cmo.fin.entitys.PayImfPie; import cmo.fin.services.IncomeDbOperate; import cmo.fin.services.ItemTypeDbOperate; import cmo.fin.services.PayDbOperate; import android.content.Context; import android.graphics.Color; import android.os.Bundle; import android.support.v4.app.Fragment; import android.view.LayoutInflater; import android.view.View; import android.view.ViewGroup; import android.view.ViewGroup.LayoutParams; import android.widget.DatePicker; import android.widget.EditText; import android.widget.ImageButton; import android.widget.LinearLayout; import android.widget.TextView; /*** @author cmo* @sumary app消費統計餅形圖* @date 2015-07-13* @version 新建* @version 增加了查詢欄和當月支出總額*/ public class PieChartFragment extends Fragment {private String user;//當前的登錄用戶private String title = "月支出統計分布圖";// 餅圖標題private CategorySeries mSeries;// 餅圖數據private DefaultRenderer mRenderer;// 餅圖描繪器private GraphicalView mChartView;// 顯示PieChartprivate Context context;private double data[]= new double[5];//對應顯示的數據//private LinearLayout mLinear;// 布局方式private int[] COLORS = new int[] { Color.RED, Color.GREEN, Color.BLUE,Color.MAGENTA, Color.CYAN, Color.YELLOW, Color.DKGRAY };// 顏色private double sumPayMoney = 0;// 總數private SimpleSeriesRenderer renderer;// 餅圖每塊描繪器private LinearLayout mPieLinearLayout;private TextView mSumIncome;private TextView mTotalPay;private TextView mBalence;private TextView mSumpay;private TextView mPlanpay;private ImageButton mSearchBtn;private EditText mSearchdateEdt;private ItemTypeDbOperate mTypeDbOperate;private IncomeDbOperate mIncomeDbOperate;private PayDbOperate mPayDbOperate;@Overridepublic void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);}@Overridepublic View onCreateView(LayoutInflater inflater, ViewGroup container,Bundle savedInstanceState) {View parentView = inflater.inflate(R.layout.fragment_paypie, container, false);//mPieLinearLayout=(LinearLayout)parentView.findViewById(R.id.chart);this.mTypeDbOperate = new ItemTypeDbOperate(parentView.getContext());this.mIncomeDbOperate=new IncomeDbOperate(parentView.getContext());this.mPayDbOperate=new PayDbOperate(parentView.getContext());getViews(parentView);Bundle bundle=getActivity().getIntent().getExtras();user=bundle.getString("LoginUser"); initPie();intiImf();bindListener();return parentView;}@Overridepublic void onResume() {refreshPie();super.onResume();}/** 設置總余額、本月支出等信息*/private void intiImf(){String sumMonIncome=mIncomeDbOperate.getMonSumIncome(user,null);String sumIncome=mIncomeDbOperate.getSumIncome(user);String sumPay=mPayDbOperate.getSumPay(user);String sumMonPay=mPayDbOperate.getMonSumPay(user,null);//設置總收入if(sumIncome!=null){mSumIncome.setText("總收入： "+sumIncome+"元");}if(sumPay!=null){mTotalPay.setText("總支出："+sumPay+"元");}//設置總余額if(sumIncome!=null && sumPay!=null){Double balence= Double.valueOf(sumIncome)-Double.valueOf(sumPay);DecimalFormat nf=(DecimalFormat)NumberFormat.getInstance();nf.setGroupingUsed(false); nf.setMaximumFractionDigits(2);//設置浮點數2位小數mBalence.setText("總余額："+String.valueOf(nf.format(balence))+"元");}//設置本月支出if(sumMonPay!=null){mSumpay.setText("本月支出： "+String.valueOf(sumMonPay)+"元");}if(sumMonPay=="0"){title="";}if(sumMonIncome!=null){mPlanpay.setText("本月收入： "+sumMonIncome+"元");}}private void getViews(View parentView){mPieLinearLayout=(LinearLayout)parentView.findViewById(R.id.chart);//mPieLinearLayout.setBackgroundResource(R.drawable.activity_bcg);context=getActivity();//.getBaseContext();mSumIncome=(TextView) parentView.findViewById(R.id.sumincome);mTotalPay=(TextView) parentView.findViewById(R.id.totalpay);//總支出mBalence=(TextView) parentView.findViewById(R.id.sumbalance);mSumpay=(TextView) parentView.findViewById(R.id.sumpay);//本月支出mPlanpay=(TextView) parentView.findViewById(R.id.planpay);mSearchBtn = (ImageButton) parentView.findViewById(R.id.search_btn);mSearchdateEdt = (EditText) parentView.findViewById(R.id.pay_search_date);}private void bindListener() {mSearchdateEdt.setOnClickListener(new DateEdtClickListener());// mSearchdateEdt.setOnFocusChangeListener(new DateEdtFocusListener());mSearchBtn.setOnClickListener(new SearchBtnClickListener());}//初始化餅形圖private void initPie(){mRenderer = new DefaultRenderer();// 創建一個描繪器的實例，將被用來創建圖表mRenderer.setZoomButtonsVisible(true);// 顯示放大縮小功能按鈕mRenderer.setStartAngle(180);// 設置為水平開始mRenderer.setDisplayValues(true);// 顯示數據// mRenderer.setFitLegend(false);// 設置是否顯示圖例mRenderer.setLegendTextSize(24);// 設置圖例字體大小// mRenderer.setLegendHeight(10);// 設置圖例高度mRenderer.setShowLegend(false);// 默認是顯示的下載需要關閉，因為動態更新數據的時候，圖例更新慢mRenderer.setChartTitle(title);// 設置餅圖標題mRenderer.setChartTitleTextSize(28);// 設置餅圖標題大小mRenderer.setLabelsTextSize(24);mSeries = new CategorySeries("");sumPayMoney = 0;String date = mSearchdateEdt.getText().toString();if (date.isEmpty()) {//date = "2011年4月";Calendar now = Calendar.getInstance();date = String.valueOf(now.get(Calendar.YEAR)) + "年"+ String.valueOf((now.get(Calendar.MONTH) + 1)) + "月";}date=date.substring(0, 7);//獲取后臺的消費類別和對應的金額 List<PayImfPie> pieList = mTypeDbOperate.getPayTypeMoney(user,date);int pieNum=pieList.size();if(pieNum>0){data =new double[pieNum];}for (int k = 0; k < pieNum; k++) {data[k] = Double.valueOf(pieList.get(k).getPercent());//每一份的具體數據大小sumPayMoney += data[k];// 總的數據大小}for (int i = 0; i < pieList.size(); i++) {mSeries.add(pieList.get(i).getType().toString()+"("+pieList.get(i).getPercent()+"元)", Double.valueOf(pieList.get(i).getPercent())/sumPayMoney);// 設置種類名稱和對應的數值，前面是（key,value）鍵值對renderer = new SimpleSeriesRenderer();if (i < COLORS.length) {renderer.setColor(COLORS[i]);// 設置描繪器的顏色} else {renderer.setColor(getRandomColor());// 設置描繪器的顏色}renderer.setChartValuesFormat(NumberFormat.getPercentInstance());// 設置百分比mRenderer.addSeriesRenderer(renderer);// 將最新的描繪器添加到DefaultRenderer中}mChartView = ChartFactory.getPieChartView(context, mSeries, mRenderer);// 構建mChartViewmPieLinearLayout.addView(mChartView, new LayoutParams(LayoutParams.MATCH_PARENT,LayoutParams.MATCH_PARENT));}// 分別產生RBG數值public static int getRandomColor() {Random random = new Random();int R = random.nextInt(255);int G = random.nextInt(255);int B = random.nextInt(255);return Color.rgb(R, G, B);}/************************************* 內部控件監聽器類 Start **************************************************/private final class DateEdtClickListener implements View.OnClickListener {@Overridepublic void onClick(View v) {OpenDateTimeDialog();}}private final class SearchBtnClickListener implements View.OnClickListener {@Overridepublic void onClick(View v) {refreshPie();}}/*** 打開日期選擇對話框*/private void OpenDateTimeDialog() {Calendar c = Calendar.getInstance();// 最后一個false表示不顯示日期，如果要顯示日期，最后參數可以是true或者不用輸入new PickerDialogYearMon(getActivity(), 0,new PickerDialogYearMon.OnDateSetListener() {@Overridepublic void onDateSet(DatePicker startDatePicker,int startYear, int startMonthOfYear,int startDayOfMonth, DatePicker endDatePicker,int endYear, int endMonthOfYear, int endDayOfMonth) {String textString = String.format("%d年%d月", startYear,startMonthOfYear + 1);mSearchdateEdt.setText(textString);}}, c.get(Calendar.YEAR), c.get(Calendar.MONTH), c.get(Calendar.DATE), false).show();}/*** 根據查詢欄的日期值刷新Pie*/private void refreshPie() {String date = mSearchdateEdt.getText().toString();if (date.isEmpty()) {Calendar now = Calendar.getInstance();date = String.valueOf(now.get(Calendar.YEAR)) + "年"+ String.valueOf((now.get(Calendar.MONTH) + 1)) + "月";}date=date.substring(0, 7);mSeries.clear();sumPayMoney = 0;//獲取后臺的消費類別和對應的金額 List<PayImfPie> pieList = mTypeDbOperate.getPayTypeMoney(user,date);int pieNum=pieList.size();if(pieNum>0){data =new double[pieNum];}for (int k = 0; k < pieNum; k++) {data[k] = Double.valueOf(pieList.get(k).getPercent());//每一份的具體數據大小sumPayMoney += data[k];// 總的數據大小}for (int i = 0; i < pieList.size(); i++) {mSeries.add(pieList.get(i).getType().toString()+"("+pieList.get(i).getPercent()+"元)", Double.valueOf(pieList.get(i).getPercent())/sumPayMoney);// 設置種類名稱和對應的數值，前面是（key,value）鍵值對renderer = new SimpleSeriesRenderer();if (i < COLORS.length) {renderer.setColor(COLORS[i]);// 設置描繪器的顏色} else {renderer.setColor(getRandomColor());// 設置描繪器的顏色}renderer.setChartValuesFormat(NumberFormat.getPercentInstance());// 設置百分比mRenderer.addSeriesRenderer(renderer);// 將最新的描繪器添加到DefaultRenderer中}mChartView.repaint();} }6.2柱狀統計圖
package cmo.fin.ui;import java.util.Calendar; import org.achartengine.ChartFactory; import org.achartengine.GraphicalView; import org.achartengine.chart.BarChart.Type; import org.achartengine.model.CategorySeries; import org.achartengine.model.XYMultipleSeriesDataset; import org.achartengine.renderer.SimpleSeriesRenderer; import org.achartengine.renderer.XYMultipleSeriesRenderer; import cmo.fin.services.IncomeDbOperate; import android.app.Activity; import android.content.Context; import android.content.Intent; import android.graphics.Color; import android.graphics.Paint.Align; import android.os.Bundle; import android.view.View; import android.view.ViewGroup.LayoutParams; import android.widget.LinearLayout;/*** @author cmo* @sumary 各月份支出柱狀圖* @version 新建 2015-07-24*/ public class IncomeBarChartActivity extends Activity { private GraphicalView mChartView;private CategorySeries mCategorySeries ;private XYMultipleSeriesRenderer mRenderer ;private XYMultipleSeriesDataset mDataset;private SimpleSeriesRenderer mSeriesRenderer;private Context context;private LinearLayout mLinear;private String mlogUser = "";private IncomeDbOperate mInDbOperate;private double maxY=9000;//初始值public void back(View v) {Intent intent = new Intent();intent.setClass(IncomeBarChartActivity.this, MainActivity.class);startActivity(intent);IncomeBarChartActivity.this.finish();}protected void setChartSettings(XYMultipleSeriesRenderer renderer,String title, String xTitle, String yTitle, double xMin,double xMax, double yMin, double yMax, int axesColor,int labelsColor) {renderer.setChartTitle(title);renderer.setXTitle(xTitle);renderer.setYTitle(yTitle);renderer.setXAxisMin(xMin);renderer.setXAxisMax(xMax);renderer.setYAxisMin(yMin);renderer.setYAxisMax(yMax);renderer.setAxesColor(axesColor);renderer.setLabelsColor(labelsColor);}@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_incomebar);this.mInDbOperate=new IncomeDbOperate(getApplicationContext());Bundle bundle = getIntent().getExtras();mlogUser = bundle.getString("LoginUser");context = getApplicationContext();mLinear = (LinearLayout) findViewById(R.id.monincomebar);initBar();}/*** 初始化各月份支出統計柱狀圖*/private void initBar(){mRendererSetting();Calendar now = Calendar.getInstance(); String year=now.get(Calendar.YEAR)+"年";//year="2011年";mCategorySeries = new CategorySeries(String.valueOf(now.get(Calendar.YEAR)));String monthPay="";for (int k = 1; k < 13; k++) {monthPay=mInDbOperate.getTheMonSumIncomeMoney(mlogUser, year, k);//指定年度月份的消費總額mCategorySeries.add(Double.valueOf(monthPay));///mCategorySeries.add(v[k]);if(Double.valueOf(monthPay)>maxY){maxY=Double.valueOf(monthPay);}}mDataset = new XYMultipleSeriesDataset();mDataset.addSeries(mCategorySeries.toXYSeries());mRendererSetting();mChartView = ChartFactory.getBarChartView(context, mDataset, mRenderer,Type.DEFAULT);mRenderer.setClickEnabled(true);mLinear.addView(mChartView, new LayoutParams(LayoutParams.MATCH_PARENT,LayoutParams.MATCH_PARENT));mChartView.repaint();}private void mRendererSetting() {mRenderer = new XYMultipleSeriesRenderer();mRenderer.setAxisTitleTextSize(24);mRenderer.setChartTitleTextSize(28);mRenderer.setLabelsTextSize(24);mRenderer.setLabelsColor(Color.GREEN);mRenderer.setLegendTextSize(22);mSeriesRenderer = new SimpleSeriesRenderer();mSeriesRenderer.setColor(PieChartFragment.getRandomColor());mSeriesRenderer.setChartValuesTextSize(24);mSeriesRenderer.setDisplayChartValues(true);mRenderer.addSeriesRenderer(mSeriesRenderer);setChartSettings(mRenderer, "各月份收入柱狀圖", "月份", "收入金額(元)", 0.5, 12.5, 0, maxY,Color.GREEN, Color.RED);//mRenderer.setDisplayChartValues(true);mRenderer.setXLabels(12);mRenderer.setYLabels(10);mRenderer.setXLabelsAlign(Align.LEFT);mRenderer.setYLabelsAlign(Align.LEFT);mRenderer.setPanEnabled(true, false);mRenderer.setZoomEnabled(true);mRenderer.setZoomButtonsVisible(true);mRenderer.setZoomRate(1.1f);mRenderer.setBarSpacing(0.5f);}@Overridepublic void onDestroy() {super.onDestroy();} }7. 數據庫操作類和實體類
為了便于維護我把每一個表封裝成對應的實體Bean，把一些通用的操作封裝到了工具類。其中采用單例模式，封裝了數據庫類。
package cmo.fin.dbhelper;import android.content.Context; import android.database.sqlite.SQLiteDatabase; import android.database.sqlite.SQLiteDatabase.CursorFactory; import android.database.sqlite.SQLiteOpenHelper; /*** @author cmo* @sumary 數據庫相關操作類：新建數據庫和各種數據表* @date 2015-06-0* @version 新建*/ public final class DBOperateHelper extends SQLiteOpenHelper {private static final String dbName="FinancialDataBase.db";private static DBOperateHelper mDBHelper;private final String createUserTb="Create Table SysUser(id integer primary key autoincrement,loginUserId varchar(16),sysUserName varchar(50),passWord varchar(16),phoneNumber varchar(13))";//創建用戶表private final String createMonthInComeTb="Create Table MonthIncome(id integer primary key autoincrement,incomeItemName varchar(50),money varchar(50),inComeContent varchar(200),userId varchar(16),incomeDate varchar(50),itemType varchar(50))";private final String createMonthPayTb="Create Table MonthPay(id integer primary key autoincrement,payItemName varchar(50),money varchar(50),payContent varchar(200),userId varchar(16),payDate varchar(50),itemType varchar(50))";private final String createInTypeTb="Create Table IncomeItemType(id integer primary key autoincrement,incomeTypeName varchar(50))";private final String createPayTypeTb="Create Table PayItemType(id integer primary key autoincrement,payTypeName varchar(50))";public DBOperateHelper(Context context){super(context,dbName,null,1);//創建DB成功之后會保存在/<package name>/databases/初始版本號為1}public static DBOperateHelper getInstance(Context ctx) {if (mDBHelper == null) { //this will ensure no multiple instances out there.mDBHelper = new DBOperateHelper(ctx.getApplicationContext());}return mDBHelper;}@Overridepublic void onCreate(SQLiteDatabase db) {//在數據庫第一次被創建時候,創建相關數據表// TODO Auto-generated method stubtry{db.execSQL(createUserTb);//可以不指定字段的類型、長度，因為int類型也可以保存Char類型的db.execSQL(createMonthInComeTb);db.execSQL(createMonthPayTb);//db.execSQL(createMonthPlanTb);db.execSQL(createInTypeTb);db.execSQL(createPayTypeTb); }catch(Exception e){return;}}@Overridepublic void onUpgrade(SQLiteDatabase db, int oldVersion, int newVersion) {//數據庫版本號升級時候觸發,即version變化時} }其他業務相關操作類
package cmo.fin.services;import java.text.DecimalFormat; import java.text.NumberFormat; import java.util.ArrayList; import java.util.Calendar; import java.util.HashMap; import java.util.List;import android.content.Context; import android.database.Cursor; import android.database.sqlite.SQLiteDatabase; import cmo.fin.dbhelper.DBOperateHelper; import cmo.fin.entitys.MonthPay; import cmo.fin.entitys.PayImfPie;/*** MonthPay表的各種操作：查詢、插入、更新、刪除* * @author cmo* @date 2015-06-27* @version 新建*/ public final class PayDbOperate {private DBOperateHelper dbHelper;public PayDbOperate(Context context) {// this.dbHelper=DBOperateHelper.getInstance(context);this.dbHelper = new DBOperateHelper(context);}/*** 插入新記錄* * @param monthPay* MonthPay 類的各種信息*/public void insertRecord(MonthPay monthPay) {SQLiteDatabase db = dbHelper.getWritableDatabase();db.execSQL("Insert into MonthPay(payItemName,money,payContent,userId,payDate,itemType) Values(?,?,?,?,?,?)",new Object[] { monthPay.getPayItemName(), monthPay.getMoney(),monthPay.getPayContent(), monthPay.getUserId(),monthPay.getPayDate(), monthPay.getItemType() });db.close();}/*** 刪除記錄* * @param id*/public void deleRecordById(Integer id) {SQLiteDatabase db = dbHelper.getWritableDatabase();db.execSQL("Delete from MonthPay Where id=?", new Object[] { id });db.close();}/*** 更新記錄* * @param user* @param id*/public void updRecordById(MonthPay pay, String itemName) {SQLiteDatabase db = dbHelper.getWritableDatabase();db.execSQL("Update MonthPay set money=?,payDate=?,itemType=?, Where payItemName=?",new Object[] { pay.getMoney(), pay.getPayDate(),pay.getItemType(), itemName });db.close();}/*** 分頁獲取記錄* * @param user* 當前登錄的用戶名* @param yearMonth* 年月* @param offset* 跳過前面多少記錄* @param maxRecord* 每頁獲取多少記錄* @return String user,String yearMonth,*/public List<MonthPay> getScrollData(int offset, int maxRecord,String yearMonth, String loginUser) {yearMonth=yearMonth.substring(0, 7);List<MonthPay> pays = new ArrayList<MonthPay>();DecimalFormat nf=(DecimalFormat)NumberFormat.getInstance();nf.setGroupingUsed(false); nf.setMaximumFractionDigits(2);//設置浮點數2位小數SQLiteDatabase db = dbHelper.getReadableDatabase();Cursor cursor = db.rawQuery("Select * from MonthPay where substr(payDate,0,8)=? and userId=? order by id asc limit ?,?",new String[] { yearMonth, loginUser,String.valueOf(offset),String.valueOf(maxRecord) });if (cursor != null) {while (cursor.moveToNext()) {String name = cursor.getString(cursor.getColumnIndex("payItemName"));String money = cursor.getString(cursor.getColumnIndex("money"));money=nf.format(Double.valueOf(money));String date = cursor.getString(cursor.getColumnIndex("payDate"));String type = cursor.getString(cursor.getColumnIndex("itemType"));String remark = cursor.getString(cursor.getColumnIndex("payContent"));pays.add(new MonthPay(name, date, money, type, remark));}cursor.close();db.close();}return pays;}/*** 獲取所有的支出總額* * @param user* @return*/public String getSumPay(String user) {String sum = "0";DecimalFormat nf=(DecimalFormat)NumberFormat.getInstance();nf.setGroupingUsed(false); nf.setMaximumFractionDigits(2);//設置浮點數2位小數SQLiteDatabase db = dbHelper.getReadableDatabase();Cursor cursor = db.rawQuery("Select sum(money) SumPay from MonthPay where userId=? ",new String[] { user });if (cursor != null) {while (cursor.moveToNext()) {sum = cursor.getString(cursor.getColumnIndex("SumPay"));if(sum!=null){sum=nf.format(Double.valueOf(sum));}else{sum="0";}}cursor.close();db.close();}return sum;}/*** 獲取所有的支出總額* * @param user* @return*/public String getMonSumPay(String user, String yearMonth) {if (yearMonth == null) {Calendar now = Calendar.getInstance();yearMonth = now.get(Calendar.YEAR) + "年"+ (now.get(Calendar.MONTH) + 1) + "月";// yearMonth="2011年4月";}yearMonth=yearMonth.substring(0, 7);DecimalFormat nf=(DecimalFormat)NumberFormat.getInstance();nf.setGroupingUsed(false); nf.setMaximumFractionDigits(2);//設置浮點數2位小數String sum = "0";SQLiteDatabase db = dbHelper.getReadableDatabase();Cursor cursor = db.rawQuery("Select sum(money) SumMonPay from MonthPay where userId=? and substr(payDate,0,8)=? ",new String[] { user, yearMonth });if (cursor != null) {while (cursor.moveToNext()) {sum = cursor.getString(cursor.getColumnIndex("SumMonPay"));if(sum!=null){sum=nf.format(Double.valueOf(sum));}else{sum="0";}}cursor.close();db.close();}return sum;}/*** 獲取指定月份下的所有消費類別和對應類別下的所有話費小計* * @param user* 當前登錄用戶名* @param year* 當年年度 ：如2011年* @return*/public String getTheMonSumPayMoney(String user, String year, int month) {SQLiteDatabase db = dbHelper.getReadableDatabase();String yearMon=year+String.valueOf(month)+"月";;//年度-月份：2011年4月Cursor cursor=null;String subMoney = "0";// 各種類別對應的花費總額DecimalFormat nf=(DecimalFormat)NumberFormat.getInstance();nf.setGroupingUsed(false); nf.setMaximumFractionDigits(2);//設置浮點數2位小數//1月到9月各月份的消費總額if(month<10){cursor = db.rawQuery("Select sum(money) subMoney from MonthPay where userId=? and substr(payDate,0,8)=? group by substr(payDate,0,8) order by substr(payDate,0,8) ",new String[] { user, yearMon });}else{cursor = db.rawQuery("Select sum(money) subMoney from MonthPay where userId=? and substr(payDate,0,9)=? group by substr(payDate,0,9) order by substr(payDate,0,9) ",new String[] { user, yearMon });}if (cursor != null) {while (cursor.moveToNext()) {subMoney = cursor.getString(cursor.getColumnIndex("subMoney"));subMoney=nf.format(Double.valueOf(subMoney));}cursor.close();db.close();}if(subMoney.length()==0){subMoney = "0";}return subMoney;} }三、開發過程遇到的問題、經驗教訓總結
1. 引導界面
引導界面開發的過程中沒有遇到多大的難題，唯一算是問題難點的話，應該就是每一次移動的距離一下子看不出來，需要去模擬計算一番。
2. 登錄界面
登錄界面也沒有遇到多大難度的問題，主要是進行一些用戶、密碼的格式校驗，注冊各種事件并綁定之類的，記住用戶信息，自動填充密碼等等。本來想給用戶信息加密之后再保存，但是后面想到的是本APP基本都是自己一個人使用，離線也是可以使用的，就沒有加密，或許應該加密之后再保存。其他消費金額數據也是如此。
3. ListView界面
ListView界面效果實現的過程中沒有什么難度，根據自定義的日期輸入框輸入日期作為查詢條件，查詢數據庫，把返回信息封裝成List<>返回再賦給ListView即可，唯一麻煩的就是微調細節，比如說一第一行的數據作為列表的標題欄，怎么與其他列區分？怎么才能更好的做到每一列的寬度自適應？還有一個問題是，不知道為何在Fragment定義了上下文菜單，無響應？總的來說目前的ListView界面效果采取了折中的原則，總算是實現出來了預期效果。如果下一版本優化的話我或許會再換另一個方案，或許采用HTML的方式展現數據，或許會更好些？
4. 圖形引擎
此次采用的引擎是Android中很早就開始使用的achartengine，使用很簡單，扇形圖還OK，就是柱狀圖顯示的時候，當每個月的數據都很大的時候，顯示的數據都擠到了一起，這也算是目前存在的bug，下一個版本的時候我會換一個引擎，最近找到了一個MPAndroidChart是一款基于Android的開源圖表庫，MPAndroidChart不僅可以在Android設備上繪制各種統計圖表，而且可以對圖表進行拖動和縮放操作，應用起來非常靈活。
5. 整個APP的代碼結構
由于初衷是單純地為她做出一個APP，只供她一個人使用，沒有過多的考慮到了后期維護和升級的問題，就只是簡單地封裝了一些代碼，導致后期去修改一個功能或增加一個功能的時候，都要去修改源碼，維護成本很高，等到有時間再把所有的源碼，利用多態、單例模式、工廠模式、模板方法模式等重構一遍。
四、自己的一些建議和感受
總結
以上是生活随笔為你收集整理的Android之路——第一个上线 APP项目总结的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 忻州师范学院2020普通话测试软件,关于
- 下一篇： android sina oauth2.