Android系统联系人全特效实现(上)，分组导航和挤压动画

最新推荐文章于 2024-09-30 15:37:45 发布

2401_84912209

最新推荐文章于 2024-09-30 15:37:45 发布

阅读量346

点赞数 4

分类专栏：程序员文章标签： android gitee

本文链接：https://blog.csdn.net/2401_84912209/article/details/138636542

版权

程序员专栏收录该内容

56 篇文章 0 订阅

订阅专栏

android:layout_gravity=“center_horizontal”
android:layout_marginLeft=“10dip”
android:textColor=“#ffffff”
android:textSize=“13sp” />

在这个布局文件中，首先是放入了一个和前面完成一样的分组布局，因为不仅界面头部需要展示分组，在每个分组内的第一个无素之前都需要展示分组布局。然后是加入一个简单的 LinearLayout，里面包含了一个 ImageView 用于显示联系人头像，还包含一个 TextView 用于显示联系人姓名。

这样我们的布局文件就全部写完了，下面开始来真正地实现功能。

先从简单的开始，新建一个 Contact 实体类:

public class Contact {

/**

联系人姓名
*/
private String name;

/**

排序字母
*/
private String sortKey;

public String getName() {
return name;
}

public void setName(String name) {
this.name = name;
}

public String getSortKey() {
return sortKey;
}

public void setSortKey(String sortKey) {
this.sortKey = sortKey;
}

}

这个实体类很简单，只包含了联系人姓名和排序键。

接下来完成联系人列表适配器的编写，新建一个 ContactAdapter 类继承自 ArrayAdapter，加入如下代码：

public class ContactAdapter extends ArrayAdapter {

/**

需要渲染的item布局文件
*/
private int resource;

/**

字母表分组工具
*/
private SectionIndexer mIndexer;

public ContactAdapter(Context context, int textViewResourceId, List objects) {
super(context, textViewResourceId, objects);
resource = textViewResourceId;
}

@Override
public View getView(int position, View convertView, ViewGroup parent) {
Contact contact = getItem(position);
LinearLayout layout = null;
if (convertView == null) {
layout = (LinearLayout) LayoutInflater.from(getContext()).inflate(resource, null);
} else {
layout = (LinearLayout) convertView;
}
TextView name = (TextView) layout.findViewById(R.id.name);
LinearLayout sortKeyLayout = (LinearLayout) layout.findViewById(R.id.sort_key_layout);
TextView sortKey = (TextView) layout.findViewById(R.id.sort_key);
name.setText(contact.getName());
int section = mIndexer.getSectionForPosition(position);
if (position == mIndexer.getPositionForSection(section)) {
sortKey.setText(contact.getSortKey());
sortKeyLayout.setVisibility(View.VISIBLE);
} else {
sortKeyLayout.setVisibility(View.GONE);
}
return layout;
}

/**

给当前适配器传入一个分组工具。
@param indexer
*/
public void setIndexer(SectionIndexer indexer) {
mIndexer = indexer;
}

}

上面的代码中，最重要的就是 getView 方法，在这个方法中，我们使用 SectionIndexer 的 getSectionForPosition 方法，通过当前的 position 值拿到了对应的 section 值，然后再反向通过刚刚拿到的 section 值，调用 getPositionForSection 方法，取回新的 position 值。如果当前的 position 值和新的 position 值是相等的，那么我们就可以认为当前 position 的项是某个分组下的第一个元素，我们应该将分组布局显示出来，而其它的情况就应该将分组布局隐藏。

三

最后我们来编写程序的主界面，打开或新建 MainActivity 作为程序的主界面，代码如下所示：

public class MainActivity extends Activity {

/**

分组的布局
*/
private LinearLayout titleLayout;

/**

分组上显示的字母
*/
private TextView title;

/**

联系人ListView
*/
private ListView contactsListView;

/**

联系人列表适配器
*/
private ContactAdapter adapter;

/**

用于进行字母表分组
*/
private AlphabetIndexer indexer;

/**

存储所有手机中的联系人
*/
private List contacts = new ArrayList();

/**

定义字母表的排序规则
*/
private String alphabet = “#ABCDEFGHIJKLMNOPQRSTUVWXYZ”;

/**

上次第一个可见元素，用于滚动时记录标识。
*/
private int lastFirstVisibleItem = -1;

@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
adapter = new ContactAdapter(this, R.layout.contact_item, contacts);
titleLayout = (LinearLayout) findViewById(R.id.title_layout);
title = (TextView) findViewById(R.id.title);
contactsListView = (ListView) findViewById(R.id.contacts_list_view);
Uri uri = ContactsContract.CommonDataKinds.Phone.CONTENT_URI;
Cursor cursor = getContentResolver().query(uri,
new String[] { “display_name”, “sort_key” }, null, null, “sort_key”);
if (cursor.moveToFirst()) {
do {
String name = cursor.getString(0);
String sortKey = getSortKey(cursor.getString(1));
Contact contact = new Contact();
contact.setName(name);
contact.setSortKey(sortKey);
contacts.add(contact);
} while (cursor.moveToNext());
}
startManagingCursor(cursor);
indexer = new AlphabetIndexer(cursor, 1, alphabet);
adapter.setIndexer(indexer);
if (contacts.size() > 0) {
setupContactsListView();
}
}

/**

为联系人ListView设置监听事件，根据当前的滑动状态来改变分组的显示位置，从而实现挤压动画的效果。
*/
private void setupContactsListView() {
contactsListView.setAdapter(adapter);
contactsListView.setOnScrollListener(new OnScrollListener() {
@Override
public void onScrollStateChanged(AbsListView view, int scrollState) {
}

@Override
public void onScroll(AbsListView view, int firstVisibleItem, int visibleItemCount,
int totalItemCount) {
int section = indexer.getSectionForPosition(firstVisibleItem);
int nextSecPosition = indexer.getPositionForSection(section + 1);
if (firstVisibleItem != lastFirstVisibleItem) {
MarginLayoutParams params = (MarginLayoutParams) titleLayout.getLayoutParams();
params.topMargin = 0;
titleLayout.setLayoutParams(params);
title.setText(String.valueOf(alphabet.charAt(section)));
}
if (nextSecPosition == firstVisibleItem + 1) {
View childView = view.getChildAt(0);
if (childView != null) {
int titleHeight = titleLayout.getHeight();
int bottom = childView.getBottom();
MarginLayoutParams params = (MarginLayoutParams) titleLayout
.getLayoutParams();
if (bottom < titleHeight) {
float pushedDistance = bottom - titleHeight;
params.topMargin = (int) pushedDistance;
titleLayout.setLayoutParams(params);
} else {
if (params.topMargin != 0) {
params.topMargin = 0;
titleLayout.setLayoutParams(params);
}
}
}
}
lastFirstVisibleItem = firstVisibleItem;
}
});

}

/**

获取sort key的首个字符，如果是英文字母就直接返回，否则返回#。
@param sortKeyString

       数据库中读取出的sort key

@return 英文字母或者#
*/
private String getSortKey(String sortKeyString) {
String key = sortKeyString.substring(0, 1).toUpperCase();
if (key.matches(“[A-Z]”)) {
return key;
}
return “#”;
}

}