效果如下:
Activity的上面是GridView,下面是ListView
项目结构:
实现起来很简单。注释代码中都有,直接上代码:
ChoosePanelAdapter.java:
import java.util.List;
import android.content.Context;
import android.graphics.drawable.Drawable;
import android.view.View;
import android.view.View.OnClickListener;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.Button;
import android.widget.GridView;
/**
* This is the adapter of GridView.
* Make every Item of GridView setOnClickListener in the method of getView(),
* when Item clicked,get the background drawable of this Item.
* If it's normal drawable,then go through all the items of GridView and set normal drawable.
* If it's selected drawable,delete the data of arrayList by Item id,and call notifyDataSetChanged()
*
* 这个是GridView的数据适配器。
* 在getView()中让每一个Item都设置了OnClickListener,在点击事件触发的时候,判断下当前Item的背景图片
* 如果是normal,则遍历所有的Item,将背景设置为normal,将当前被点击的Item的背景图片设置成selected,
* 如果是selected,就根据索引删除当前的Item的数据源,并调用notifyDataSetChanged(),刷新。
*
* @author MichaelYe
* @since 2012-8-28
* */
public class ChoosePanelAdapter extends BaseAdapter
{
private Context context;
private List<String> arrayList;
private Drawable iconDefalut;
private Drawable iconSelected;
public ChoosePanelAdapter(Context context, List<String> arrayList)
{
this.context = context;
this.arrayList = arrayList;
iconDefalut = context.getResources().getDrawable(R.drawable.icon_default);
iconSelected = context.getResources().getDrawable(R.drawable.icon_selected);
}
@Override
public int getCount() {
return arrayList.size();
}
@Override
public Object getItem(int position) {
return arrayList.get(position);
}
@Override
public long getItemId(int position) {
return position;
}
@Override
public View getView(final int position, View convertView, ViewGroup parent)
{
Button button;
if (convertView == null)
{
button = new Button(context);
}
else
{
button = (Button) convertView;
}
button.setText(arrayList.get(position));
button.setBackgroundDrawable(iconDefalut);
button.setOnClickListener(new OnClickListener() {
@Override
public void onClick(View v) {
if(v.getBackground() == iconSelected)//判断当前的背景是哪个
{
arrayList.remove(position);
ChoosePanelAdapter.this.notifyDataSetChanged();
}
else
{
ChoosePanelAdapter.this.setButtonDefaultState(v);
v.setBackgroundDrawable(iconSelected);
}
v.invalidate();
}
});
return button;
}
/**
* set all the buttons state normal
*
* 设置按钮背景图片为默认状态
*
* */
private void setButtonDefaultState(View v)
{
GridView gvParent = (GridView)v.getParent();
int childCount = gvParent.getChildCount();
for(int i = 0; i < childCount; i++)
{
gvParent.getChildAt(i).setBackgroundDrawable(iconDefalut);
}
gvParent.invalidate();
}
}
MainActivity.java
import java.util.ArrayList;
import java.util.List;
import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.widget.AdapterView;
import android.widget.AdapterView.OnItemClickListener;
import android.widget.ArrayAdapter;
import android.widget.GridView;
import android.widget.ListView;
/**
* use GridView make the effect like QQ Address Book when choose a contact
*
* 类似QQ通讯录中的短信模块中选择联系人的效果,使用的是GridView
*
* @author MichaelYe
* @since 2012-8-28
* */
public class MainActivity extends Activity
{
private GridView gvPanel;
private ListView listView;
@Override
public void onCreate(Bundle savedInstanceState)
{
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
gvPanel = (GridView)findViewById(R.id.gv_panel);
listView = (ListView)findViewById(R.id.listview);
final List<String> data = this.getData();
final List<String> panelArrayList = new ArrayList<String>();
final ChoosePanelAdapter adapter = new ChoosePanelAdapter(MainActivity.this, panelArrayList);
listView.setAdapter(new ArrayAdapter<String>(MainActivity.this,
android.R.layout.simple_expandable_list_item_1, data));
listView.setOnItemClickListener(new OnItemClickListener()
{
@Override
public void onItemClick(AdapterView<?> parent, View view,
int position, long id)
{
panelArrayList.add(data.get(position));
adapter.notifyDataSetChanged();
}
});
gvPanel.setAdapter(adapter);
}
/**
* DataSource
*
*
* */
private List<String> getData()
{
List<String> list = new ArrayList<String>();
list.add("张三");
list.add("李四");
list.add("王五");
list.add("赵六");
list.add("乔丹");
list.add("爱斯基摩");
list.add("维也纳");
list.add("周星星");
return list;
}
}
布局文件activity_main.xml:
<RelativeLayout 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" >
<GridView
android:id="@+id/gv_panel"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:numColumns="auto_fit"
android:columnWidth="60dp"
android:layout_alignParentTop="true"
android:verticalSpacing="5dp"
android:horizontalSpacing="5dp"
android:stretchMode="columnWidth"
/>
<ListView
android:id="@+id/listview"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="@+id/gv_panel"
/>
</RelativeLayout>
项目下载地址:
https://github.com/michaelye/DemoChooseValues
- 大小: 256 KB
- 大小: 43.5 KB
分享到:
相关推荐
Android 获取联系人 仿QQ通讯录
iphone 类似 QQ 通讯录 demo
实现在QQ通讯录之前拦截短信,内附详细注释说明
仿qq通讯录联系人.rar
安卓通讯录主要实现了对联系人信息(姓名和电话)的增加、删除、修改和查询功能,系统通过`SQLite`数据库来存储数据。系统有欢迎、注册和登录页面,先注册后使用。主页面包含`对联系人信息增删改查`这四种功能:在...
QQ手机通讯录怎么设置不显示推荐联系人.docx
RT,在QQ通讯录之前拦截短信,代码附详细说明!
仿QQ通讯录悬浮界面效果!适合学习布局动画。
QQ通讯录Android版、可以方便的看到QQ通讯录
qq邮箱批量导入通讯录模板,qq邮箱导出来的一般是乱码,这个是修正好的,方法是通过excel 自由数据导入,最后再导出,如果嫌麻烦的可以直接下载下来用。
一、效果:我们看到很多软件的通讯录在右侧都有一个字母索引功能,像微信,小米通讯录,QQ,还有美团选择地区等等。这里我截了一张美团选择城市的图片来看看; 我们今天就来实现图片中右侧模块的索引功能,包括触摸...
本项目源码就是一套仿QQ好友列表的通讯录项目源码。长按分组可以出现分组信息的增删改和联系人的新增选项,长按联系人可以出现联系人的删除编辑和移动选项。点击联系人头像右边的箭头按钮可以出现发邮件、短信和打...
仿QQ通讯录
模仿QQ通讯录界面写的通讯录代码,实现分组==操作
自己试了试做一下系统,界面和逻辑耦合度还是有点高,请大家见谅
java语言实现简单的QQ通讯录,具有增删改查功能,无图形化界面,导入eclipse即可使用
qq通讯录
用数组实现建议通讯录,通讯录能实现联系人的添加、显示、查询、修改、删除等功能。
qq通讯录,安卓版,仿qq最新版的,功能都实现了,可以拿去按自己的要求修改
java 简单QQ通讯录具有增删改查功能.zipjava 简单QQ通讯录具有增删改查功能.zip