这篇文章主要介绍了Android如何实现今日头条订阅频道效果,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。
具体内容如下
布局文件
<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:id="@+id/activity_main" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical" tools:context="com.example.a2_.MainActivity"> <TextView android:background="@android:color/holo_blue_dark" android:gravity="center_horizontal" android:layout_width="match_parent" android:layout_height="wrap_content" android:text="已订阅频道" /> <com.example.a2_.MyGridLayout android:id="@+id/gl1" android:columnCount="4" android:layout_gravity="center_horizontal" android:layout_width="wrap_content" android:layout_height="wrap_content"> </com.example.a2_.MyGridLayout> <TextView android:gravity="center_horizontal" android:background="@android:color/darker_gray" android:layout_width="match_parent" android:layout_height="wrap_content" android:text="未订阅频道" /> <com.example.a2_.MyGridLayout android:columnCount="4" android:id="@+id/gl2" android:layout_gravity="center_horizontal" android:layout_width="wrap_content" android:layout_height="wrap_content"> </com.example.a2_.MyGridLayout> </LinearLayout>
shape文件和选择器
<?xml version="1.0" encoding="utf-8"?> <shape xmlns:android="http://schemas.android.com/apk/res/android"> <corners android:radius="5dp"/> <stroke android:color="#000" android:width="1dp"/> </shape>
<?xml version="1.0" encoding="utf-8"?> <shape xmlns:android="http://schemas.android.com/apk/res/android"> <corners android:radius="5dp"/> <stroke android:color="#ff0000" android:dashGap="1dp" android:dashWidth="3dp" android:width="1dp"/> </shape>
自定义布局
package com.example.a2_; import android.animation.LayoutTransition; import android.content.Context; import android.graphics.Color; import android.graphics.Rect; import android.util.AttributeSet; import android.view.DragEvent; import android.view.View; import android.widget.GridLayout; import android.widget.TextView; import java.util.ArrayList; import java.util.List; /** * Created by Administrator on 2017.06.08.0008. */ public class MyGridLayout extends GridLayout implements View.OnDragListener { private OnItemClickListener listener; private List<Rect> rects; private View DragItem = null; private boolean dragable; public MyGridLayout(Context context, AttributeSet attrs) { super(context, attrs); //添加动画 setLayoutTransition(new LayoutTransition()); //舰艇拖拽事件 setOnDragListener(this); } //根据传递进来的数据,动态地添加控件 public void setData(List<String> list) { for (int i = 0; i < list.size(); i++) { addItem(list.get(i)); } } public void addItem(String s) { final TextView textView = new TextView(getContext()); textView.setText(s); textView.setTextColor(Color.BLACK); textView.setPadding(15, 5, 15, 5); //设置背景 textView.setBackgroundResource(R.drawable.selector_item_bg); textView.setTextSize(25); //将控件添加到页面中 addView(textView); LayoutParams layoutParams = (LayoutParams) textView.getLayoutParams(); //设置外边距 layoutParams.setMargins(5, 5, 5, 5); //监听textview点击事件 textView.setOnClickListener(new OnClickListener() { @Override public void onClick(View v) { if (listener != null) { listener.onItemClick(v); } } }); //监听控件的长按事件 textView.setOnLongClickListener(new OnLongClickListener() { @Override public boolean onLongClick(View v) { if (!dragable) { return true; } //把当前长按的控件变红,并且有虚线 v.setBackgroundResource(R.drawable.selector_item_red_bg); //开始拖拽控件 v.startDrag(null, new DragShadowBuilder(v), null, 0); DragItem = v; //获取所有空间的矩形区域 getAllRect(); return true; } }); } //获取所有的矩形区域 private void getAllRect() { rects = new ArrayList<>(); for (int i = 0; i < getChildCount(); i++) { View view = getChildAt(i); //获取每个控件的坐标点,并存在集合中 rects.add(new Rect(view.getLeft(), view.getTop(), view.getRight(), view.getBottom())); } } public void setOnClickListener(OnItemClickListener listener) { this.listener = listener; } @Override public boolean onDrag(View v, DragEvent event) { if (!dragable) { return true; } switch (event.getAction()) { case DragEvent.ACTION_DRAG_STARTED: System.out.println("ACTION_DRAG_STARTED"); break; case DragEvent.ACTION_DRAG_ENTERED: System.out.println("ACTION_DRAG_ENTERED"); break; case DragEvent.ACTION_DRAG_EXITED: System.out.println("ACTION_DRAG_EXITED"); break; case DragEvent.ACTION_DRAG_LOCATION: System.out.println("ACTION_DRAG_LOCATION"); //拖拽移动时,位置发生变化 //根据当前的位置,判断应该插入到哪个位置 int dragItemIndex = findDragItem(event); if (dragItemIndex != -1 && DragItem != null && getChildAt(dragItemIndex) != DragItem) { //先删除原来的控件 removeView(DragItem); //吧新的控件拖拽到新的位置 addView(DragItem, dragItemIndex); } break; case DragEvent.ACTION_DROP: System.out.println("ACTION_DROP"); break; case DragEvent.ACTION_DRAG_ENDED: System.out.println("ACTION_DRAG_ENDED"); if (DragItem != null) { DragItem.setBackgroundResource(R.drawable.selector_item_bg); } break; } return true; } private int findDragItem(DragEvent event) { if (rects == null) { return -1; } for (int i = 0; i < rects.size(); i++) { //如果鼠标当前的坐标包含在某个控件的坐标内部,那就说明,当前在该空间内部 if (rects.get(i).contains((int) event.getX(), (int) event.getY())) { return i; } } return -1; } public interface OnItemClickListener { void onItemClick(View v); } // 设置控件是否可以拖拽 public void setDragable(boolean dragable) { this.dragable = dragable; } }
核心代码
package com.example.a2_; import android.app.Activity; import android.os.Bundle; import android.view.View; import android.widget.LinearLayout; import android.widget.TextView; import java.util.Arrays; import java.util.List; import butterknife.ButterKnife; import butterknife.InjectView; public class MainActivity extends Activity { @InjectView(R.id.gl1) MyGridLayout gl1; @InjectView(R.id.gl2) MyGridLayout gl2; @InjectView(R.id.activity_main) LinearLayout activityMain; //创建已订阅和为订阅的集合 private List<String> select = Arrays.asList("北京", "中国", "国际", "体育", "生活", "旅游", "科技", "军事", "时尚", "财经", "育儿", "汽车"); private List<String> unselect = Arrays.asList("娱乐", "服饰", "音乐", "视频", "段子", "搞笑", "科学", "房产", "名站"); @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); ButterKnife.inject(this); //初始化数据 initData(); } private void initData() { gl1.setData(select); gl2.setData(unselect); gl1.setDragable(true); //设置监听 gl1.setOnClickListener(new MyGridLayout.OnItemClickListener() { @Override public void onItemClick(View v) { gl1.removeView(v); //设置中间人 String s = ((TextView) v).getText().toString(); gl2.addItem(s); } }); gl2.setOnClickListener(new MyGridLayout.OnItemClickListener() { @Override public void onItemClick(View v) { gl2.removeView(v); //设置中间人 String s = ((TextView) v).getText().toString(); gl1.addItem(s); } }); } }
感谢你能够认真阅读完这篇文章,希望小编分享的“Android如何实现今日头条订阅频道效果”这篇文章对大家有帮助,同时也希望大家多多支持亿速云,关注亿速云行业资讯频道,更多相关知识等着你来学习!
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。