<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>