Android初体验--设计一个菜单动画

Android初体验--设计一个菜单动画

1.目的 通过菜单动画项目的设计对Android开发有一个最初的认识和体验,了解相关的知识和技能。

2.代码如下

(1)MainActivity.java

package com.example.day1_menuAnimation;

import android.animation.ObjectAnimator;

import android.os.Bundle;

import com.google.android.material.floatingactionbutton.FloatingActionButton;

import com.google.android.material.snackbar.Snackbar;

import androidx.appcompat.app.AppCompatActivity;

import androidx.appcompat.widget.Toolbar;

import android.view.View;

import android.view.Menu;

import android.view.MenuItem;

import android.view.animation.BounceInterpolator;

import android.widget.ImageView;

import java.util.ArrayList;

import java.util.List;

public class MainActivity extends AppCompatActivity {

/**

* 1.获取xml里面所有的图片视图

*  -先用一个数组保存所有视图的id号 R.id.iv_b

*  -用一个数组保存所有id号对应的视图

*/

    private int[]resID = {R.id.iv_b,R.id.iv_c,R.id.iv_d,R.id.iv_e,R.id.iv_f,R.id.iv_g,R.id.iv_h};

    private ListimageViews=new ArrayList<>();

    private boolean isOpen=false;

    /**

* 定义一个变量 记录按钮的状态

    * @param savedInstanceState

    */

    @Override

    protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

        setContentView(R.layout.activity_main);

        Toolbar toolbar = findViewById(R.id.toolbar);

        setSupportActionBar(toolbar);

        FloatingActionButton fab = findViewById(R.id.fab);

        fab.setOnClickListener(new View.OnClickListener() {

@Override

            public void onClick(View view) {

Snackbar.make(view, "Replace with your own action", Snackbar.LENGTH_LONG)

.setAction("Action", null).show();

            }

});

        /**

* 将id号对应图片视图读取出来 放到ImageViews里面

*/

        for(int i=0;i

int id=resID[i];

            ImageView img=findViewById(id);

            imageViews.add(img);

        }

}

@Override

    public boolean onCreateOptionsMenu(Menu menu) {

// Inflate the menu; this adds items to the action bar if it is present.

        getMenuInflater().inflate(R.menu.menu_main, menu);

        return true;

    }

@Override

    public boolean onOptionsItemSelected(MenuItem item) {

// Handle action bar item clicks here. The action bar will

// automatically handle clicks on the Home/Up button, so long

// as you specify a parent activity in AndroidManifest.xml.

        int id =item.getItemId();

        //noinspection SimplifiableIfStatement

        if (id ==R.id.action_settings) {

return true;

        }

return super.onOptionsItemSelected(item);

    }

public void imgClicked(View view) {

/**

* 判断是打开还是关闭

*/

        if(isOpen==true){

close();

        }else{

open();

        }

isOpen=!isOpen;

    }

private void close(){for (int i=0;i

ImageView iv=imageViews.get(i);

        ObjectAnimator oa =ObjectAnimator.ofFloat(iv,"translationY",(i+1)*200,0f);

        oa.setDuration(1000);

        oa.start();

    }

}

private void open () {

for (int i =0; i

ImageView iv =imageViews.get(i);

                ObjectAnimator oa =ObjectAnimator.ofFloat(iv, "translationY", 0f, (i +1) *200);

                oa.setDuration(1000);

                oa.setInterpolator(new BounceInterpolator());      //添加动画弹弹弹

                oa.start();

            }

}}

(2) content_main.xml

<?xml version="1.0" encoding="utf-8"?>

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"

    xmlns:app="http://schemas.android.com/apk/res-auto"

    xmlns:tools="http://schemas.android.com/tools"

    android:layout_width="match_parent"

    android:layout_height="match_parent"

    app:layout_behavior="@string/appbar_scrolling_view_behavior"

    tools:context=".MainActivity"

    tools:showIn="@layout/activity_main">

        android:id="@+id/iv_b"

        android:layout_width="60dp"

        android:layout_height="60dp"

        android:src="@mipmap/b"                  //从素材中取出按键b

        android:layout_centerHorizontal="true"

        android:layout_marginTop="5dp"/>

        android:id="@+id/iv_c"

        android:layout_width="60dp"

        android:layout_height="60dp"

        android:src="@mipmap/c"

        android:layout_centerHorizontal="true"

        android:layout_marginTop="5dp"/>

        android:id="@+id/iv_d"

        android:layout_width="60dp"

        android:layout_height="60dp"

        android:src="@mipmap/d"

        android:layout_centerHorizontal="true"

        android:layout_marginTop="5dp"/>

        android:id="@+id/iv_e"

        android:layout_width="60dp"

        android:layout_height="60dp"

        android:src="@mipmap/e"

        android:layout_centerHorizontal="true"

        android:layout_marginTop="5dp"/>

        android:id="@+id/iv_f"

        android:layout_width="60dp"

        android:layout_height="60dp"

        android:src="@mipmap/f"

        android:layout_centerHorizontal="true"

        android:layout_marginTop="5dp"/>

        android:id="@+id/iv_g"

        android:layout_width="60dp"

        android:layout_height="60dp"

        android:src="@mipmap/g"

        android:layout_centerHorizontal="true"

        android:layout_marginTop="5dp"/>

        android:id="@+id/iv_h"

        android:layout_width="60dp"

        android:layout_height="60dp"

        android:src="@mipmap/h"

        android:layout_centerHorizontal="true"

        android:layout_marginTop="5dp"/>

        android:id="@+id/iv_a"

        android:layout_width="100dp"

        android:layout_height="100dp"

        android:src="@mipmap/a"

        android:layout_centerHorizontal="true"

        android:onClick="imgClicked"/>

</RelativeLayout>

2.技术步骤如下:(1)下载按键的素材,将其移动到mipmap中。

(2)在content_main.xml中编辑按键素材的尺寸,将按键移到中轴线处( android:layout_centerHorizontal="true")为了使界面美观使用 android:layout_marginTop="5dp"调整按键与顶部的距离使红色按键a将其余按键全部覆盖。并给每个按键视图设置id号 以便后续操作简便。

(3) 为了获取xml里面所有的图片视图在MainActivity.java中先用一个数组保存所有视图的id号 R.id.iv_b。再用一个数组保存所有id号对应的视图(代码如上)

(4)在xml中的素材a里定义一个变量以记录按键的状态。并在onCreat方法里实现该变量相关的方法。

(5)使用for循环插入动画 ObjectAnimator oa =ObjectAnimator.ofFloat(iv, "translationY", 0f, (i +1) *200);

ObjectAnimator oa =ObjectAnimator.ofFloat(iv,"translationY",(i+1)*200,0f);实现按键的下拉和回弹   并用if语句控制按键的下拉和回弹功能。

最终功能如下:

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 204,590评论 6 478
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 86,808评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 151,151评论 0 337
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,779评论 1 277
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,773评论 5 367
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,656评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,022评论 3 398
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,678评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 41,038评论 1 299
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,659评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,756评论 1 330
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,411评论 4 321
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,005评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,973评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,203评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,053评论 2 350
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,495评论 2 343

推荐阅读更多精彩内容