Android_开发_Day1_体验_菜单动画
目的:开发工具的简单安装与实际体验
一、Android studio的下载与安装
第一步:到谷歌官网(developer.android.google.cn),下载.exe的安装包。
第二步:运行安装程序,除了路径可以选择自己喜欢的,其余的都是傻瓜式next。
第三步:运行软件,并按照程序默认进行Android SDK的安装,同样可选择自己喜欢的安装目录。
第四步:重启软件安装完成,可以新建一个项目试试。
二、简单Android应用(菜单动画)的开发
第一步:新建一个项目,并为项目命名,选择最低适配Android版本,如图:
第二步:编写程序UI,随意找一组图片素材,如我这里用的是图标,拖拽到mipmap文件夹中,然后在.xml文件中编写相应代码,删除原有的<Text...../>极其内部的代码,因为我们使用了模板的所以程序会自动创建该代码块,可以看到该代码块与UI中的hello word有关,删掉后就消失了,另外创建<ImageView..../>,易知代码中的“<”与“/>”是成对出现的。先创建一个背景,可以用layout_width/height="xxdp",这是控制背景大小的,一般图标的大小都是72dp,当然单位不一定要dp,像素,厘米之类的都行。除此之外 还可以用layout_centerHorizontal使背景水平居中layout_centerInParent使其竖直居中layout_centerVertical使其中心居中。用src="@mipmap/h"使图片显示到界面中。并用id="@+id/iv_b"为其添加图片id,方便引用该图。然后为图片添加点击事件,用onClick=“……”。
综上所诉,将ui界面搭建成下图所示:
由于有图层的关系,先写的代码会在图层的下面,后写的代码会在上面,最终得代码展示:
第三步:点击事件的方法得具体实现,将鼠标光标放到onClick代码段上,并按下快捷键alt+enter键会出现一个菜单,选择第一项,如图:
在源文件处即.java文件中便会创建一个方法,该函数即点击事件所对应的方法,即当你点击图片时,该方法会被执行,由于我们只需要做打开和关闭两个功能,因此我们需要两个函数,open函数和close函数,和一个bool型变量来判断程序处于打开还是关闭状态,但是由于打开的动画需要多张图片,因此我们需要数组来对图片进行批量处理,因此先定义两个数组分别储存图片的id与内容,如图:
接下来为图片数组放入图片,可以用for循环,并用findViewById(id);方法将指定id的图片,即先前拖到mipmap里面的图片读取出来存放到先前定义好的图片数组中,代码如下:
接下来便是open函数的实现,由于打开时需要动画,所以用ObjectAnimator类的方法可以实现动画,由于这里是平移所以用ofFloat方法,该方法有四个参数,平移对象,平移朝向,平移初、末位置。同时用setDuration(500)方法设置动画时间,该时间默认以毫秒为单位,最后别忘了加一个start方法,不然就运行不起来,最后为了动画的美观可以加入回弹效果,用setInterpolator(new BounceInterpolator())并同时new一个BounceInterpolator(),最终代码如下:
close方法与open的动画原理是一样的只是方向相反,去掉回弹效果即可,这里也献上close方法的代码:
最后在点击事件的方法中用条件语句if调用两个方法,同时不要忘了用一个变量来记录是打开还是关闭状态,默认是关闭状态,当是关闭状态时用open函数,同时设置变量为打开状态,同理,当变量是打开状态时调用关闭函数,最后就可以实现整个动画了,以防万一我还是把代码奉上:
第四步:就是调试运行了,如果没有什么问题那基本就算大功告成了,至于调试中遇到的问题只要不是代码的问题那也只有自己上网百度啦!
网友评论