Android初體驗--設(shè)計一個菜單動畫

1.目的通過菜單動畫項目的設(shè)計對Android開發(fā)有一個最初的認(rèn)識和體驗瀑志，了解相關(guān)的知識和技能吗铐。

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里面所有的圖片視圖

*? -先用一個數(shù)組保存所有視圖的id號 R.id.iv_b

*? -用一個數(shù)組保存所有id號對應(yīng)的視圖

? ? 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;

? ? /**

* 定義一個變量記錄按鈕的狀態(tài)

? ? * @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號對應(yīng)圖片視圖讀取出來放到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) {

/**

* 判斷是打開還是關(guān)閉

? ? ? ? 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