GridLayout + Animation 实现 Android 仿超级课程表“发现”全屏宫格图标弹出动画

最新推荐文章于 2024-08-12 08:57:45 发布

摆码王子

最新推荐文章于 2024-08-12 08:57:45 发布

阅读量1.9k

点赞数 1

分类专栏： android Java 前端文章标签： GridLayout 异步动画 android 布局

本文链接：https://blog.csdn.net/zbl1146556298/article/details/73303134

版权

本文介绍了如何在Android中实现类似超级课程表「发现」页面的全屏宫格图标动画。通过使用GridLayout配合Handler进行异步消息处理，实现流畅的动画效果。关键步骤包括布局设计、图标动画定义以及底部关闭按钮的交互。注意避免图标在动画过程中超出父布局导致显示问题。

摘要由CSDN通过智能技术生成

关于全屏宫格图标，超级课程表的“发现”是目前我见过的最好的解决方案，流畅的动画打破了布局单一带来的死板气氛。下面就来介绍这样的动画是如何实现的。

首先创建一个activity叫BiaoDiscoverActivity

此处用到了Handler，Handler主要用于异步消息的处理：当发出一个消息之后，首先进入一个消息队列，发送消息的函数即刻返回，而另外一个部分在消息队列中逐一将消息取出，然后对消息进行处理，也就是发送消息和接收消息不是同步的处理。这种机制通常用来处理相对耗时比较长的操作

public class BiaoDiscoverActivity extends BaseActivity {

	@Bind(R.id.ivBiaoClose)
	ImageView mIvClose;
	@Bind(R.id.rll_found_note)
	AutoRelativeLayout mrllNote;
	@Bind(R.id.rll_found_exam_time)
	AutoRelativeLayout mrllExamTime;
	@Bind(R.id.rll_found_class_room_search)
	AutoRelativeLayout mrllClassroom;
	@Bind(R.id.rll_found_score_search)
	AutoRelativeLayout mrllScore;
	@Bind(R.id.rll_found_super_act)
	AutoRelativeLayout mrllSuperAct;
	@Bind(R.id.rll_found_super_group)
	AutoRelativeLayout mrllSuperGroup;
	@Bind(R.id.rll_found_train_tickets)
	AutoRelativeLayout mrllTrainTickets;
	@Bind(R.id.rll_found_air_tickets)
	AutoRelativeLayout mrllAirTickets;
	@Bind(R.id.rll_found_school_recuit)
	AutoRelativeLayout mrllSchoolRecuit;
	@Bind(R.id.rll_found_house_rent)
	AutoRelativeLayout mrllHouseRent;
	@Bind(R.id.rll_found_entertainment_class)
	AutoRelativeLayout mrllEntertainment;

	//宫格图标
	private List<AutoRelativeLayout> rllList;
	private Handler handler;

	@Override
	protected BasePresenter createPresenter() {
		return null;
	}

	@Override
	protected int provideContentViewId() {
		return R.layout.activity_biao_discover;
	}


	@Override
	public void initView() {
		super.initView();
		initRll();
		initGrid();
		handler = new Handler();
	}

	private synchronized void initRll() {
		rllList = new ArrayList<>();
		rllList.add(mrllNote);
		rllList.add(mrllExamTime);
		rllList.add(mrllClassroom);
		rllList.add(mrllScore);
		rl