1. 程式人生 > >android天天理財專案構建思路程式碼和總結知識點--2

android天天理財專案構建思路程式碼和總結知識點--2

<span style="font-family: Arial, Helvetica, sans-serif; background-color: rgb(255, 255, 255);"><span style="white-space:pre">	</span>接下來,我們分析和寫一些程式碼片段,上一篇我們已經大體看了下整個專案的功能點,以及基本的佈局。都是比較簡單的東西,就不多說了。介面進入時會有一個動畫效果,這段程式碼初學者都應該會應用,也比較簡單簡介,需要新建一個activity和xml佈局,xml佈局中就放入一張圖片,然後在清單檔案中設定這個activity 的主題風格為去掉標題。</span>
<span style="font-family: Arial, Helvetica, sans-serif;">android:theme="@android:style/Theme.Black.NoTitleBar" ></span>

然後我們需要在SplashScreenActivity中設定一個執行緒:

handler = new Handler();
		
		handler.postDelayed(new Runnable() {
			
			@Override
			public void run() {
				Intent intent = new Intent(SplashScreenActivity.this,MyGuanJiaActivity.class);
				startActivity(intent);
				finish();
			}
		},1500);
<span style="font-family:SimSun;font-size:18px;">在上面這段程式碼中執行後,我們就進入了MyGuanjiaActivity。這個介面的的佈局就是一個時鐘DigitalClock,下面就是GridView,我們需要用一個自定義適配把內容填充到GridView中,GridView中是個圖片和文字標題menu_line。我把佈局檔案貼上在下面:</span>

activity_myguanjia

<pre name="code" class="java" style="font-size:18px;"><TableLayout 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:gravity="center"
    android:orientation="vertical"
    android:background="@drawable/bg_19"
    >
	
    <TableRow 
        android:layout_width="fill_parent"
    	android:layout_height="wrap_content"
        >
        <LinearLayout 
            android:layout_width="wrap_content"
    		android:layout_height="wrap_content"
            >
            <ImageView 
                android:layout_width="80sp"
    			android:layout_height="80sp"
    			android:layout_marginLeft="30dp"
    			android:background="@drawable/a4643"
                />
            
        </LinearLayout>
        <LinearLayout 
            android:layout_width="wrap_content"
    		android:layout_height="wrap_content"
    		android:orientation="vertical"
            >
            
            <TextView 
                android:id="@+id/tv_title"
                android:layout_width="wrap_content"
    			android:layout_height="wrap_content"
    			android:text="@string/title"
                />
            
            <TextView 
                android:id="@+id/tv_date"
                android:layout_width="wrap_content"
    			android:layout_height="wrap_content"
                />
            
			<DigitalClock 
			     android:layout_width="wrap_content"
    			android:layout_height="wrap_content"
    			android:textColor="#ccff99"
			    />            
        </LinearLayout>
    </TableRow>
    
    <TableRow 
        android:layout_width="wrap_content"
	    android:layout_height="wrap_content"
	    android:gravity="center"
	    android:orientation="horizontal"
        ></TableRow>
    
	<GridView 
	   	android:id="@+id/grid"
	   	android:layout_marginTop="50dp"
	   	android:layout_width="100dp"
	   	android:layout_height="wrap_content"
	   	android:gravity="center"
	   	android:horizontalSpacing="3dp"
	   	android:numColumns="3"
	   	android:verticalSpacing="3dp"
	    ></GridView>
</TableLayout>

menu_line

 
 
<pre name="code" class="java" style="font-size:18px;"><?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >

    <ImageView
        android:id="@+id/iv_menu_line"
        android:layout_width="65dp"
        android:layout_height="65dp"
        android:layout_marginLeft="15dp" />

    <TextView
        android:id="@+id/tv_menu_line"
        android:layout_width="65dp"
        android:layout_height="65dp"
        android:layout_marginLeft="15dp" />

</LinearLayout>
【1】介面卡的作用是控制顯示內容和樣式,自定義介面卡需要繼承baseAdapter類,實現裡面的四個方法,getcount,getItem,getItemId,getView
【2】Adapter的作用就是ListView介面與資料之間的橋樑,當列表裡的每一項顯示到頁面時,都會呼叫Adapter的getView方法返回一個View
【3】Adapter 有個getView方法,可以使用setTag把查詢的view快取起來方便多次重用,View中的setTag(Onbect)表示給View新增一個格外的資料,以後可以用getTag()將這個資料取出來。

在定義介面卡MenuAdapter中,我們需要繼承自BaseAdapter實現裡面的四個方法(getCount,getItem,getItemId,getView)和重寫一個超類,在getView方法中我們需要優化ListView介面卡,對於getView方法傳入的converView應充分利用!=null 的判斷,再者ViewHolder的應用view的findviewbyId()方法是比較耗時的,因此需要考慮只掉用一次,之後就用View.getTag()方法來獲得Viewholder物件,建立ViewHolder類。
建立ViewHolder類
ViewHolder的作用:優化顯示效率,即之前顯示過的不用再從佈局檔案讀取,直接從快取中讀取。可以看到它只是一個靜態類,它的作用就在於減少不必要的呼叫findViewById。完整的官方例子中convertView 也是避免inflating View。然後把對底下的控制元件引用存在ViewHolder裡面,再用convertView.setTag(holder)把它放在view裡,下次就可以用(ViewHolder) convertView.getTag()直接取了。

 
 
<span style="white-space:pre">	</span><span style="font-family:SimSun;font-size:18px;">下面我將MenuAdapter的程式碼部分貼上如下,有興趣的朋友可以跟著一起學習參考:</span>
<span style="font-size:14px;"><span style="font-family: SimSun;"></span></span><pre name="code" class="java"><span style="font-family:SimSun;font-size:14px;">package com.hpsvse.ttlc.huangliang.util;

import java.util.List;

import com.hpsvse.ttlc.huangliang.R;
import com.hpsvse.ttlc.huangliang.entity.TtlcMenu;

import android.content.Context;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.ImageView;
import android.widget.TextView;

public class MenuAdapter extends BaseAdapter{
	
	private List<TtlcMenu> menus;
	private Context context;
	
	public MenuAdapter(List<TtlcMenu> menus, Context context) {
		super();
		this.menus = menus;
		this.context = context;
	}

	@Override
	public int getCount() {
		return menus.size();
	}

	@Override
	public TtlcMenu getItem(int position) {
		return menus.get(position);
	}

	@Override
	public long getItemId(int position) {
		return position;
	}

	@Override
	public View getView(int position, View convertView, ViewGroup parent) {
		ViewHolder holder = null;
		if(convertView == null){
			convertView = LayoutInflater.from(context).inflate(R.layout.menu_line, null);
			ImageView iv = (ImageView) convertView.findViewById(R.id.iv_menu_line);
			TextView tv  = (TextView) convertView.findViewById(R.id.tv_menu_line);
			
			holder = new ViewHolder();
			holder.iv = iv;
			holder.tv = tv;
			convertView.setTag(holder);
		}else{
			holder = (ViewHolder) convertView.getTag();
		}
		
		holder.iv.setImageResource(this.getItem(position).getImage());
		holder.tv.setText(this.getItem(position).getTitle());
		holder.tm = this.getItem(position);
		return convertView;
	}
	
}
</span>
在程式碼中我們可以看到我們需要一個實體類TtlcMenu來封裝資料,封裝的欄位涉及title,image,classname,這個classname 就是每個Activity,主介面佈局我們一共需要六個activity,下面我將主介面程式碼一個貼上下來,一起學習分析下它完成的功能:
 
 
<span style="font-family:SimSun;font-size:14px;"></span><pre name="code" class="python"><span style="font-family:SimSun;font-size:14px;">package com.hpsvse.ttlc.huangliang;

import java.text.SimpleDateFormat;
import java.util.ArrayList;
import java.util.Date;
import java.util.List;

import com.hpsvse.ttlc.huangliang.entity.TtlcMenu;
import com.hpsvse.ttlc.huangliang.util.MenuAdapter;
import com.hpsvse.ttlc.huangliang.util.ViewHolder;

import android.os.Bundle;
import android.app.Activity;
import android.content.Intent;
import android.content.res.TypedArray;
import android.view.Menu;
import android.view.View;
import android.view.Window;
import android.widget.AdapterView;
import android.widget.AdapterView.OnItemClickListener;
import android.widget.GridView;
import android.widget.SimpleAdapter;
import android.widget.TextView;

public class MyGuanJiaActivity extends Activity {
	private GridView gridView;
	private TextView tvDate;
	private ArrayList<TtlcMenu> list;

	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		requestWindowFeature(Window.FEATURE_NO_TITLE);
		setContentView(R.layout.activity_myguanjia);
		init();
	}

	private void init() {
		gridView = (GridView) findViewById(R.id.grid);
		tvDate = (TextView) findViewById(R.id.tv_date);
		Date d = new Date();
		SimpleDateFormat sdf = new SimpleDateFormat("yyyy年MM月dd日星期F");
		tvDate.setText(sdf.format(d));
		
		String[] titles = this.getResources().getStringArray(R.array.main_menu_title); 
		TypedArray images = this.getResources().obtainTypedArray(R.array.main_type_drawable);
		Class[] className = new Class[]{
				AddPayOut.class,
				AddIncome.class,
				PayOutCount.class,
				IncomeCount.class,
				TadeInfo.class,
				About.class,
		};
		
		 list = new ArrayList<TtlcMenu>();
		for(int i=0;i<titles.length;i++){
			TtlcMenu m = new TtlcMenu();
			m.setImage(images.getResourceId(i, -1));
			m.setTitle(titles[i]);
			m.setClassname(className[i]);
			
			list.add(m);
		}
		
		gridView.setAdapter(new MenuAdapter(list, this));
		gridView.setOnItemClickListener(new OnItemClickListener() {

			@Override
			public void onItemClick(AdapterView<?> arg0, View arg1, int arg2,
					long arg3) {
				TtlcMenu menu = ((ViewHolder)arg1.getTag()).tm;
				startActivity(new Intent(MyGuanJiaActivity.this,menu.getClassname()));
			}
		
		});
	}


}
</span>

可以看出開,我們給這個三個欄位 titile,image,classname指定了資料來源,放入一個list中,然後遍歷list迴圈設值給TtlcMenu,再用介面卡把list裝配進入到gridView中。
 
 
<span style="font-family:SimSun;font-size:18px;"><span style="white-space:pre">	</span>好啦!主介面的程式碼就是這樣子了,理解的比較粗糙,還望有大神指點幾句,點撥點撥。


【天天理財的佈局資源我已上傳,歡迎下載】http://download.csdn.net/detail/u014019974/8509081</span>