属性动画设置弹出菜单1

<span style="font-size:24px;"></span>
package com.example.animator;


import java.util.ArrayList;
import java.util.List;


import android.os.Bundle;
import android.R.bool;
import android.animation.ObjectAnimator;
import android.app.Activity;
import android.view.Menu;
import android.view.View;
import android.view.View.OnClickListener;
import android.view.animation.BounceInterpolator;
import android.widget.ImageView;
import android.widget.Toast;


public class MainActivity extends Activity implements OnClickListener {
// res数组,存放ImageView的id
private int[] res = { R.id.imageView_a, R.id.imageView_b, R.id.imageView_c,
R.id.imageView_d, R.id.imageView_e, R.id.imageView_f,
R.id.imageView_g, R.id.imageView_h };
// list集合,存放ImageView
private List<ImageView> list = new ArrayList<ImageView>();
// 主菜单的状态(打开或关闭)
private boolean flag = true;


@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);


// for循环遍历res数组,将ImageView添加到list集合中,并设置监听事件
for (int i = 0; i < res.length; i++) {
ImageView imageView = (ImageView) findViewById(res[i]);
list.add(imageView);
imageView.setOnClickListener(this);
}


}


@Override
public void onClick(View v) {
switch (v.getId()) {
case R.id.imageView_a:
if (flag) {
// 打开菜单
startAnim();
} else {
// 关闭菜单
closeAnim();
}
break;
default:
// 子菜单的点击事件
Toast.makeText(this, String.valueOf(v.getId()), Toast.LENGTH_SHORT)
.show();
break;
}
}


private void startAnim() {
for (int i = 1; i < res.length; i++) {
ObjectAnimator animator = ObjectAnimator.ofFloat(list.get(i),
"translationY", 0F, i * 150);
animator.setDuration(500);
animator.setInterpolator(new BounceInterpolator());
animator.setStartDelay(i * 300);
animator.start();
flag = false;
}
}


private void closeAnim() {
for (int i = 1; i < res.length; i++) {
ObjectAnimator animator = ObjectAnimator.ofFloat(list.get(i),
"translationY", i * 150, 0F);
animator.setDuration(500);
animator.setInterpolator(new BounceInterpolator());
animator.setStartDelay(i * 300);
animator.start();
flag = true;
}
}

}


*******************************************************************************************************

只有主菜单

点击主菜单后,弹出子菜单



<span style="font-size:32px;color:#ff0000;">xml文件</span>

<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context=".MainActivity" >

    <ImageView
        android:id="@+id/imageView_b"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:paddingLeft="5dp"
        android:paddingTop="5dp"
        android:src="@drawable/b" />

    <ImageView
        android:id="@+id/imageView_c"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:paddingLeft="5dp"
        android:paddingTop="5dp"
        android:src="@drawable/c" />

    <ImageView
        android:id="@+id/imageView_d"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:paddingLeft="5dp"
        android:paddingTop="5dp"
        android:src="@drawable/d" />

    <ImageView
        android:id="@+id/imageView_e"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:paddingLeft="5dp"
        android:paddingTop="5dp"
        android:src="@drawable/e" />

    <ImageView
        android:id="@+id/imageView_f"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:paddingLeft="5dp"
        android:paddingTop="5dp"
        android:src="@drawable/f" />

    <ImageView
        android:id="@+id/imageView_g"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:paddingLeft="5dp"
        android:paddingTop="5dp"
        android:src="@drawable/g" />

    <ImageView
        android:id="@+id/imageView_h"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:paddingLeft="5dp"
        android:paddingTop="5dp"
        android:src="@drawable/h" />

    <ImageView
        android:id="@+id/imageView_a"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/a" />

</FrameLayout>



  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
要在HTML中创建一个左侧弹出菜单,你可以使用CSS和JavaScript来实现。下面是一种常见的方法: 1. 首先,在HTML文件的<head>标签中引入所需的CSS和JavaScript文件。这些文件可以是自己编写的,也可以是从外部资源中引入的。例如: ```html <head> <link rel="stylesheet" href="styles.css"> <script src="script.js"></script> </head> ``` 2. 在HTML文件的<body>标签中创建一个包含菜单的容器元素。例如,可以使用一个<div>元素作为容器: ```html <body> <div id="menuContainer"> <!-- 菜单内容 --> </div> </body> ``` 3. 使用CSS来设置菜单容器的样式,使其位于页面的左侧并具有弹出的效果。可以使用绝对定位和过渡属性来实现这个效果。例如,可以使用以下样式: ```css #menuContainer { position: absolute; left: -200px; /* 将菜单容器移出页面左侧 */ top: 0; width: 200px; height: 100%; background-color: #f1f1f1; transition: left 0.3s; /* 使用过渡属性实现动画效果 */ } ``` 4. 使用JavaScript来控制菜单弹出和收起。可以为菜单容器添加一个点击事件,当点击时切换菜单容器的左偏移量来实现弹出和收起的效果。例如,可以使用以下JavaScript代码: ```javascript var menuContainer = document.getElementById("menuContainer"); menuContainer.addEventListener("click", function() { if (menuContainer.style.left === "-200px") { menuContainer.style.left = "0"; // 弹出菜单 } else { menuContainer.style.left = "-200px"; // 收起菜单 } }); ``` 5. 最后,为菜单容器添加所需的菜单项。可以使用<ul>和<li>元素来创建一个有序列表,并将其作为菜单容器的子元素。例如: ```html <div id="menuContainer"> <ul> <li>菜单项1</li> <li>菜单项2</li> <li>菜单项3</li> </ul> </div> ``` 这样,当点击菜单容器时,菜单将从左侧弹出或收起。你可以根据自己的需求进一步自定义菜单的样式和内容。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值