android天天理財專案構建思路程式碼和總結知識點--2
阿新 • • 發佈:2018-11-28
<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>