通讯录开发学习3

主要是对主界面进行确定，效果为：



1、

其中，上面有个ListView,用于显示联系人头像（姓名和电话），在这个gridview上显示一个查找的EditText。

即Listview,然后一个LinerLayout（里面有个EditText）底下一个gridview，

整个界面由一个相对布局包含。

即 main.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
>

<LinearLayout
android:id="@+id/list_ll"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
>

<ListView
android:id="@+id/lv_userlist"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
></ListView>

</LinearLayout>

<GridView
android:id="@+id/gv_button_menu"
android:layout_width="fill_parent"
android:layout_height="65sp"
android:layout_alignParentBottom="true"
android:visibility="gone"
></GridView>

<LinearLayout
android:id="@+id/ll_search"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_alignParentLeft="true"
android:layout_above="@+id/gv_button_menu"
android:visibility="gone"
>
<EditText
android:id="@+id/et_search"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:hint="Enter the name or phone"
android:textSize="18sp"
></EditText>

</LinearLayout>

</RelativeLayout>

2、这个gridView我们这里也通过控件来实现，不用系统的，也用个布局文件来使用，在11中，该布局文件是用到的，。（可参见11中的解释） 名为：item_menu.xml

其实就一个ImageView，一个TextView（类似于label）。

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:paddingBottom="5dip"
>
<ImageView
android:id="@+id/item_image"
android:layout_centerHorizontal="true"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
></ImageView>
<TextView
android:id="@+id/item_text"
android:layout_below="@+id/item_image"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerHorizontal="true"

></TextView>

</RelativeLayout>

3、

要在test.contact里新建一个主类Activity，名为MainActivity.java

package test.contact;

import java.util.ArrayList;
import java.util.HashMap;

import android.app.Activity;
import android.os.Bundle;
import android.view.Gravity;
import android.view.KeyEvent;
import android.view.View;
import android.widget.GridView;
import android.widget.SimpleAdapter;

public class MainActivity extends Activity {

GridView gv_button_menu;
@Override
protected void onCreate(Bundle savedInstanceState) {
// TODO Auto-generated method stub
super.onCreate(savedInstanceState);
this.setContentView(R.layout.main);
}

@Override
public boolean onKeyDown(int keyCode, KeyEvent event) {
if(keyCode==KeyEvent.KEYCODE_MENU){
//
if(gv_button_menu==null){
loadButtonMenu();
}
if(gv_button_menu.getVisibility()==View.GONE){
gv_button_menu.setVisibility(View.VISIBLE);
} else {
gv_button_menu.setVisibility(View.GONE);
}
}
return super.onKeyDown(keyCode, event);
}

//加载底部的菜单(gridView)
@SuppressWarnings("unchecked")
private void loadButtonMenu(){
gv_button_menu =(GridView) this.findViewById(R.id.gv_button_menu);
gv_button_menu.setBackgroundResource(R.drawable.menu_background);
gv_button_menu.setNumColumns(5);//设置有多少列
gv_button_menu.setGravity(Gravity.CENTER);//设置位置 居中
gv_button_menu.setVerticalSpacing(100);//设置水平间隔
gv_button_menu.setHorizontalSpacing(10);//设置垂直间隔

ArrayList data = new ArrayList();

//是gridview里的图片和底部的字 ，这些是构造data
HashMap map = new HashMap();
map.put("itemImage", R.drawable.menu_new);
map.put("itemText", "增加");
data.add(map);

map = new HashMap();
map.put("itemImage", R.drawable.menu_search);
map.put("itemText", "查找");
data.add(map);

map = new HashMap();
map.put("itemImage", R.drawable.menu_delete);
map.put("itemText", "删除");
data.add(map);

map = new HashMap();
map.put("itemImage", R.drawable.controlbar_showtype_list);
map.put("itemText", "菜单");
data.add(map);

map = new HashMap();
map.put("itemImage", R.drawable.menu_exit);
map.put("itemText", "退出");
data.add(map);

//创建Adapter
SimpleAdapter adapter =
new SimpleAdapter(this,data, R.layout.item_menu,new String[]{"itemImage","itemText"},new int[]{R.id.item_image,R.id.item_text});
//SimpleAdapter的参数有（context,listmapdata,resource,from,to）,其中resource是布局,即item_menu.xml
//data中的map都将布局（resources）通过后面对应的两个联系起来

gv_button_menu.setAdapter(adapter);
//gridview只能展示，是个视图，而适配器就是将数据和展现方式联系起来的方式
}

}

4、在AndroidManifest.xml里要设置上述类为启动首选

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
package="test.contact"
android:versionCode="1"
android:versionName="1.0">
<application android:icon="@drawable/icon" android:label="@string/app_name">
<activity android:name=".AddNewActivity"
android:label="@string/app_name">
</activity>

<activity android:name=".MainActivity"
android:label="@string/app_name">
<intent-filter>
<action android:name="android.intent.action.MAIN" />
<category android:name="android.intent.category.LAUNCHER" />
</intent-filter>
</activity>
</application>

</manifest>

5、运行后效果是



未完待续。。。。