public class MyGridLayout extends GridLayout {
public MyGridLayout(Context context) {
//super(context);
this(context,null);
}
public MyGridLayout(Context context, AttributeSet attrs) {
//super(context, attrs);
this(context,attrs,-1);
}
public MyGridLayout(Context context, AttributeSet attrs, int defStyleAttr) {
super(context, attrs, defStyleAttr);
//设置平移的过渡动画效果
this.setLayoutTransition(new LayoutTransition());
}
/**
* 提供给activity调用的，负责将activity中的数据，传递给Gridlayout进行展示操作
*
* 2016年12月17日 上午9:51:39
*/
public void setItemDatas(List<String> datas){
//因为每个集合中的元素都对应有一个textview来进行展示，所以需要根据集合的长度创建相应个数的textview来展示数据
for (String string : datas) {
addTextView(string);
}
}
/**
* 根据集合的个数创建相应的textview，并添加到gridlayout中展示
*
* 2016年12月17日 上午9:53:19
*/
public void addTextView(String string) {
final TextView textView = new TextView(getContext());
textView.setText(string);
textView.setTextColor(Color.BLACK);
textView.setGravity(Gravity.CENTER);
textView.setBackgroundResource(R.drawable.selector_gridlayout_textview_bg);
textView.setPadding(15, 5, 15, 5);//设置textview中文本距离textview内边框的上下左右的距离
GridLayout.LayoutParams layoutParams = new GridLayout.LayoutParams();
layoutParams.width = LayoutParams.WRAP_CONTENT;
layoutParams.height = LayoutParams.WRAP_CONTENT;
layoutParams.setMargins(5, 5, 5, 5);//设置textview距离父控件的上下左右的位置
//将layoutparams设置给TextView，使距离父控件上下左右的距离的操作生效
textView.setLayoutParams(layoutParams);
//设置TextView的点击事件，实现两个Gridlayout数据的添加和删除操作
textView.setOnClickListener(new OnClickListener() {
@Override
public void onClick(View v) {
//因为实在自定义Gridlayout中实现的textview的点击事件，但是数据的操作是跟两个Gridlayout有关系的，只有activity中有两个GridLayout
//因为点击textView之后，两个GridLayout就要实现添加和删除点击的textview的操作，但是两个GridLayout实在activity中的，所以需要将被点击的TextView传递到activity才能实现两个Gridlayout之间的数据操作
if (listener != null) {
listener.itemClick(textView);
}
}
});
//设置TextView的长按事件，实现拖拽效果
//根据是否可以拖拽的标示设置textview是否能够进行拖拽操作
if (isDrag) {
textView.setOnLongClickListener(longClickListener);
}else{
textView.setOnLongClickListener(null);
}
//监听GridLayout的拖拽监听，实现条目位置改变的操作
this.setOnDragListener(dragListener);
//将textview设置给GridLayout进行显示操作
this.addView(textView);
}
/**
* GridLayout的拖拽的监听
*/
private OnDragListener dragListener = new OnDragListener() {
//当Gridlayout有拖拽的操作的时候，调用此方法
//参数1：拖拽监听设置的控件
//参数2：拖拽的事件
@Override
public boolean onDrag(View v, DragEvent event) {
switch (event.getAction()) {
case DragEvent.ACTION_DRAG_STARTED://开始拖拽了
System.out.println("拖拽开始");
//以TextView为蓝本创建矩形
createRect();
break;
case DragEvent.ACTION_DRAG_ENTERED://控件开始拖拽后，进入控件拖拽范围的操作
System.out.println("进入拖拽范围");
break;
case DragEvent.ACTION_DRAG_EXITED://控件开始拖拽后，退出控件拖拽范围的操作
System.out.println("退出拖拽范围");
break;
case DragEvent.ACTION_DRAG_LOCATION://控件开始拖拽后，在拖拽范围内移动的操作
System.out.println("拖拽控件移动");
//根据移动的坐标，去判断移动的坐标是否已经完全移动相应的textview上了
int index = getIndex(event);
//判断如果有移动的位置，并且移动的textview不等于空，并且移动的textview不在原来的 位置，就可以进行移动操作
if (index > -1 && currentView != null && currentView != MyGridLayout.this.getChildAt(index)) {
MyGridLayout.this.removeView(currentView);
//将view对象，添加到那个位置
//index : view对象添加显示的位置
MyGridLayout.this.addView(currentView, index);
}
break;
case DragEvent.ACTION_DRAG_ENDED://结束拖拽
System.out.println("拖拽结束");
//当textview拖拽结束，设置textview重新可以使用
if (currentView != null) {
currentView.setEnabled(true);
}
break;
case DragEvent.ACTION_DROP://结束拖拽，手指松开（在拖拽范围内执行的操作）
System.out.println("拖拽结束，手指松开");
break;
}
//返回true:拖拽的操作可以实现，返回false:不能实现
return true;
}
};
/**
* 判断移动的坐标，是否在textview相对应的矩形的中
* 返回矩形所代表的textview的位置
* 2016年12月17日 上午11:46:07
*/
protected int getIndex(DragEvent event) {
for (int i = 0; i < rects.length; i++) {
//判断移动的坐标是否在textview对应的矩形中
if (rects[i].contains((int)event.getX(), (int)event.getY())) {
return i;
}
}
return -1;
}
/**
* 创建矩形
*
* 2016年12月17日 上午11:39:19
*/
protected void createRect() {
//创建包含左上角和右下角的坐标的矩形的数组
//this.getChildCount() : 获取自定义控件的孩子的个数
rects = new Rect[this.getChildCount()];
for (int i = 0; i < this.getChildCount(); i++) {
//根据索引获取子控件的对象
View view = this.getChildAt(i);
//矩形的坐标是根据实际的textview的坐标来定的
//参数1，2：左上角的x和y的坐标
//参数3,4:右下角的x和y的坐标
Rect rect = new Rect(view.getLeft(), view.getTop(), view.getRight(), view.getBottom());
rects[i] = rect;
}
}
/**设置保存拖拽的textview**/
private View currentView;
/**
* textview的长按监听
*/
private OnLongClickListener longClickListener = new OnLongClickListener() {
//v：被长按的控件的view对象
@Override
public boolean onLongClick(View v) {
//实现textview的拖拽的效果
//开始拖拽
//参数1：拖拽所需的数据，一般null
//参数2：拖拽的阴影的效果,DragShadowBuilder(v):根据实际的控件的效果实现阴影效果
//参数3：设置拖拽的控件的状态，一般null
//参数4：设置拖拽的控件的执行的事件，一般0
v.startDrag(null, new DragShadowBuilder(v), null, 0);
//设置textview在拖拽的时候不可用
v.setEnabled(false);
//当textView拖拽的时候，保存TextView方便在Gridlayout改为条目位置的进行背景，控制的位置的设置
currentView = v;
//返回true执行长按事件，返回false：不执行
return true;
}
};
private boolean isDrag;
/**
* 提供给activity调用的，方便在activity中设置两个Gridlayout中的textview是否可以进行拖拽效果
*
* 2016年12月17日 上午11:17:53
*/
public void isDrag(boolean isDrag){
this.isDrag = isDrag;
//根据是否可以拖拽的标示，设置两个GridLayout是否可以进行条目位置移动的操作
if (isDrag) {
this.setOnDragListener(dragListener);
}else{
this.setOnDragListener(null);
}
}
/**保存activity传递过来的接口实现对象**/
private OnItemClickListener listener;
private Rect[] rects;
/**
* 提供给activity调用，负责activity将接口的实现对象传递到自定义控件中
*
* 2016年12月17日 上午10:33:45
*/
public void setOnItemClickListener(OnItemClickListener listener){
this.listener = listener;
}
public interface OnItemClickListener{
/**
* 条目点击的回调方法
* TextView ： 被点击的textview
* 2016年12月17日 上午10:32:09
*/
public void itemClick(TextView view);
}
public class SelectItemActivity extends Activity {
private List<String> titles1;
private String[] TITLES = new String[]{"娱乐","服饰","音乐","视频","段子","搞笑","科学","房产","名站"};
private List<String> titles2;
private MyGridLayout mGrid2;
private MyGridLayout mGrid1;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
requestWindowFeature(Window.FEATURE_NO_TITLE);
setContentView(R.layout.activity_select_item);
StatusBarUtil.setColor(this, Color.WHITE);
getValue();
initView();
}
/**
* 获取拖拽界面所需的数据
*
* 2016年12月17日 上午9:22:23
*/
private void getValue() {
titles1 = (List<String>) getIntent().getSerializableExtra("titles");
//获取底部所需数据
titles2 = new ArrayList<String>();
titles2.clear();
for (int i = 0; i < TITLES.length; i++) {
titles2.add(TITLES[i]);
}
}
/**
* 初始化控件
*
* 2016年12月17日 上午10:01:33
*/
private void initView() {
mGrid1 = (MyGridLayout) findViewById(R.id.selectitem_mgl_gridlayout1);
mGrid2 = (MyGridLayout) findViewById(R.id.selectitem_mgl_gridlayout2);
//调用设置是否可以拖拽的方法，设置两个GridLayout中的textview是否可以进行拖拽的效果
mGrid1.isDrag(true);
mGrid2.isDrag(false);
//将数据传递给gridlayout进行显示
mGrid1.setItemDatas(titles1);
mGrid2.setItemDatas(titles2);
//调用回调，获取被点击textview,实现数据的操作
mGrid1.setOnItemClickListener(new OnItemClickListener() {
@Override
public void itemClick(TextView view) {
//mGrid1删除点击的textview
//mGrid2添加点击的textview
mGrid1.removeView(view);
mGrid2.addTextView(view.getText().toString());
}
});
mGrid2.setOnItemClickListener(new OnItemClickListener() {
@Override
public void itemClick(TextView view) {
//mGrid2删除点击的textview
//mGrid1添加点击的textview
mGrid2.removeView(view);
mGrid1.addTextView(view.getText().toString());
}
});
}
/**
* 返回按钮的点击事件
*
* 2016年12月17日 下午12:01:33
*/
public void back(View view){
finish();
}
时间： 2024-10-14 07:37:02