转载请注明原创出处,谢谢!
- GitHub: @Ricco
将近2个月没写了,今天有了一点空闲时间,所以写一写最近写的一些好玩的东西。先看效果图
效果图.png
一开始需求是直接把200多人的名单,用dialog弹出来,但最后说交互不是太好,选一个人要花费很多时间,要求改为侧滑,但是因为点击每个人员都是可以出现侧滑,而且点击其他位置,要将侧滑隐藏,我实在是不知道如何让侧滑的数据显示到对应的点击位置,所有使用了伪Dialog实现侧滑,BaseExpandableList的adapter是一个比较麻烦的事情,如果你有时间,可以看一看。
现在代码还有一个问题,是当点击最右部分的时候,弹出的Dialog会将布局挡住一部分,所有在弹出Dialog的时候加一个点击位置判断,让他尽可能的不要挡住召唤弹窗的位置。
源代码
显示Dialog的代码
private void showDialogList( ) {
final Dialog dialog = new Dialog(this, R.style.dialog);
View view = getLayoutInflater().inflate(R.layout.dialog_expandable_user, null);
dialog.setContentView(view);
Window window = dialog.getWindow();
window.setGravity(Gravity.RIGHT | Gravity.TOP);
window.setWindowAnimations(R.style.dialogWindowAnim); // 进入,退出动画
WindowManager.LayoutParams lp = window.getAttributes();
lp.width = (TgApplication.getScreenWidth() * 25) / 100; // 屏幕宽度*25/100
lp.height = TgApplication.getScreenHeight() - TgBarUtil.getStatusBarHeight(this); // 屏幕高度-状态栏高度
window.setAttributes(lp);
dialog.show();
ExpandableListView expandableListView = view.findViewById(R.id.expandable);
expandableListView.setGroupIndicator(getDrawable(R.drawable.group_icon_selector));
UserExpandableListViewAdapter adapter = new UserExpandableListViewAdapter(this, serviceUser);
expandableListView.setAdapter(adapter);
/**
* 单击事件 返回 false表示不触发单击事件
*/
expandableListView.setOnGroupClickListener(new ExpandableListView.OnGroupClickListener() {
@Override
public boolean onGroupClick(ExpandableListView parent, View v, int groupPosition, long id) {
return false;
}
});
/**
* Child 单击事件
*/
expandableListView.setOnChildClickListener(new ExpandableListView.OnChildClickListener() {
@Override
public boolean onChildClick(ExpandableListView parent, View view, int groupPosition, int childPosition, long id)
throws RuntimeException {
// 得到被点击的选项
User clickUser = (User) parent.getExpandableListAdapter().getChild(groupPosition, childPosition);
// 其他代码
dialog.dismiss();
return true;
}
});
}
dialog_expandable_user.xml
<?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">
<ExpandableListView
android:id="@+id/expandable"
android:layout_width="match_parent"
android:layout_height="match_parent"/>
</LinearLayout>
style.xml
<!--人名dialog入场,出场动画-->
<style name="dialogWindowAnim" parent="android:Animation" mce_bogus="1">
<item name="android:windowEnterAnimation">@anim/dialog_enter_anim</item>
<item name="android:windowExitAnimation">@anim/dialog_exit_anim</item>
</style>
anim/dialog_enter_anim.xml
<?xml version="1.0" encoding="utf-8"?>
<translate xmlns:android="http://schemas.android.com/apk/res/android"
android:duration="500"
android:fromXDelta="1000"
android:fromYDelta="0"
android:toXDelta="0"
android:toYDelta="0" />
anim/dialog_exit_anim.xml
<?xml version="1.0" encoding="utf-8"?>
<translate xmlns:android="http://schemas.android.com/apk/res/android"
android:duration="500"
android:fromXDelta="0"
android:fromYDelta="0"
android:toXDelta="1000"
android:toYDelta="0" />
UserExpandableListViewAdapter .java
/**
* 下拉分组listadaptedr
*/
public class UserExpandableListViewAdapter extends BaseExpandableListAdapter {
private Context context = null;
private Map<String, List<User>> map = null; // new Adapter时传入一个list,按一个字段,转换成map
private List<String> keys = null; // map的key
public UserExpandableListViewAdapter(Context context, List<User> users) {
this.context = context;
getMapData(users); // 整合
DataSort(); // 排序
}
// 获得父项的数量
@Override
public int getGroupCount() {
return map.size();
}
// 获得某个父项的子项数目
@Override
public int getChildrenCount(int groupPosition) {
return map.get(getKey(groupPosition)).size();
}
// 获得某个父项
@Override
public List<User> getGroup(int groupPosition) {
return map.get(getKey(groupPosition));
}
// 获得某个父项的某个子项
@Override
public User getChild(int groupPosition, int childPosition) {
return map.get(getKey(groupPosition)).get(childPosition);
}
// 获得某个父项的id
@Override
public long getGroupId(int groupPosition) {
return groupPosition;
}
// 获得某个父项的某个子项的id
@Override
public long getChildId(int groupPosition, int childPosition) {
return childPosition;
}
// 按函数的名字来理解应该是是否具有稳定的id,这个方法目前一直都是返回false,没有去改动过
@Override
public boolean hasStableIds() {
return false;
}
// ********** 获得父项显示的view *********
@Override
public View getGroupView(int groupPosition, boolean isExpanded, View convertView, ViewGroup parent) {
if (convertView == null) {
LayoutInflater inflater = (LayoutInflater) context.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
convertView = inflater.inflate(R.layout.item_expandable_parent, null); // 布局就一个TextView
}
convertView.setTag(R.layout.item_expandable_parent, groupPosition);
convertView.setTag(R.layout.item_expandable_child, -1);
TextView text = convertView.findViewById(R.id.tv_parent);
text.setText(getKey(groupPosition));
return convertView;
}
// ********** 获得子项显示的view *********
@Override
public View getChildView(int groupPosition, int childPosition, boolean isLastChild, View convertView, ViewGroup parent) {
if (convertView == null) {
LayoutInflater inflater = (LayoutInflater) context.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
convertView = inflater.inflate(R.layout.item_expandable_child, null); // 布局就一个TextView
}
convertView.setTag(R.layout.item_expandable_parent, groupPosition);
convertView.setTag(R.layout.item_expandable_child, childPosition);
TextView text = convertView.findViewById(R.id.tv_child);
text.setText(getChild(groupPosition, childPosition).getRealname());
return convertView;
}
// 子项是否可选中,如果需要设置子项的点击事件,需要返回true
@Override
public boolean isChildSelectable(int groupPosition, int childPosition) {
return true;
}
/**
* 将List<T>根据一个字段,变为Map<String,List<T>>数据
* 给map赋值
* *****String key = user.getRealname(); // 拆分的根据字段*****
*
* @param listData 被拆分的字段
*/
private void getMapData(List<User> listData) {
if (map != null || listData == null || listData.size() < 1) {
return;
}
map = new HashMap<>();
keys = new ArrayList<>();
for (User user : listData) {
String key = user.getMaintenanceUnitName(); // 拆分的根据字段
if (TextUtils.isEmpty(key)) { // 如果key为空,跳过本次整合数据
continue;
}
List<User> users = new ArrayList<>();
if (map.containsKey(key)) { // 如果已经有了这个key,得到当前key对应的list,增加一个数据,再设置回去
users = map.get(key);
} else {
keys.add(key);
}
users.add(user);
map.put(key, users);
}
}
/**
* 得到map的第pos个key
*
* @param pos
* @return
*/
private String getKey(int pos) {
if (keys == null) {
return "";
}
if (keys.size() < pos) {
return "";
}
return keys.get(pos);
}
/**
* 给map按一定顺序排序
*/
private void DataSort() {
if (map == null) {
return;
}
for (String key : map.keySet()) {
List<User> users = map.get(key);
Collections.sort(users, new Comparator<User>() { // 排序规则
@Override
public int compare(User o1, User o2) {
CollationKey key1 = Collator.getInstance().getCollationKey((o1).getRealname());
CollationKey key2 = Collator.getInstance().getCollationKey((o2).getRealname());
return key1.compareTo(key2);
}
});
map.put(key, users);
}
}
}
drawable/group_icon_selector.xml
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:drawable="@drawable/ic_open" android:state_expanded="true" />
<item android:drawable="@drawable/ic_open_close" android:state_expanded="false" />
</selector>
drawable/ic_open.xml
<vector xmlns:android="http://schemas.android.com/apk/res/android"
android:width="24dp"
android:height="24dp"
android:viewportHeight="24.0"
android:viewportWidth="24.0">
<path
android:fillColor="#FF26A69A"
android:pathData="M16.59,8.59L12,13.17 7.41,8.59 6,10l6,6 6,-6z" />
</vector>
drawable/ic_open_close.xml
<vector xmlns:android="http://schemas.android.com/apk/res/android"
android:width="24dp"
android:height="24dp"
android:viewportHeight="24.0"
android:viewportWidth="24.0">
<path
android:fillColor="#FF26A69A"
android:pathData="M10,6L8.59,7.41 13.17,12l-4.58,4.59L10,18l6,-6z" />
</vector>