按钮动画效果

原创 2013年12月03日 11:25:16

button_enter_animation.xml:

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android" >

    <translate
        android:duration="800"
        android:fromXDelta="-200%p"
        android:fromYDelta="0"
        android:toXDelta="0%p"
        android:toYDelta="0" />

    <alpha
        android:duration="800"
        android:fromAlpha="0.1"
        android:toAlpha="1.0" />

</set>

button_exit_animation.xml:

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android" >

    <translate
        android:duration="800"
        android:fromXDelta="0%p"
        android:fromYDelta="0"
        android:toXDelta="-200%p"
        android:toYDelta="0" />

    <alpha
        android:duration="800"
        android:fromAlpha="1.0"
        android:toAlpha="0.1" />

</set>

	btn_anim.setOnClickListener(new View.OnClickListener() {

			@Override
			public void onClick(View v) {
				Animation anienter = AnimationUtils.loadAnimation(
						getApplicationContext(), R.anim.button_enter_animation);
				Animation aniexit = AnimationUtils.loadAnimation(
						getApplicationContext(), R.anim.button_exit_animation);
				// 组件播放动画
				if (isopen) {
					anim_layout.setVisibility(4);
					anim_layout.startAnimation(aniexit);
					isopen=false;
				}else {
					anim_layout.setVisibility(0);
					anim_layout.startAnimation(anienter);
					isopen=true;
				}
			
			}
		});

<LinearLayout
                            android:layout_width="fill_parent"
                            android:layout_height="wrap_content"
                            android:layout_gravity="center"
                            android:orientation="horizontal" >

                            <LinearLayout
                                android:layout_width="wrap_content"
                                android:layout_height="36dp"
                                android:gravity="left"
                                android:orientation="horizontal" >
                                <Button
                                    android:id="@+id/btn_anim"
                                    android:layout_width="30dp"
                                    android:layout_height="30dp"
                                    android:layout_marginBottom="0dp"
                                    android:background="@drawable/btn_anim" />
                            </LinearLayout>

                            <LinearLayout
                                android:layout_width="wrap_content"
                                android:layout_height="wrap_content"
                                android:gravity="right"
                                android:orientation="horizontal" >
                                <RelativeLayout
                                    android:id="@+id/anim_layout"
                                    android:layout_width="wrap_content"
                                    android:layout_height="wrap_content"
                                    android:layout_gravity="center"
                                    android:layout_marginTop="0dp"
                                    android:visibility="gone" >

                                    <Button
                                        android:id="@+id/main_job_btn_good"
                                        android:layout_width="64dp"
                                        android:layout_height="36dp"
                                        android:background="@drawable/good_button_style"
                                        android:gravity="right"
                                        android:paddingRight="3dp"
                                        android:paddingTop="10dp"
                                        android:text=""
                                        android:textColor="#EF9A31" />

                                    <Button
                                        android:id="@+id/main_job_btn_complaint"
                                        android:layout_width="64dp"
                                        android:layout_height="36dp"
                                        android:layout_marginLeft="30dp"
                                        android:layout_toRightOf="@id/main_job_btn_good"
                                        android:background="@drawable/complait_button_style"
                                        android:text=" " />

                                    <Button
                                        android:id="@+id/main_job_btn_comment"
                                        android:layout_width="64dp"
                                        android:layout_height="36dp"
                                        android:layout_marginLeft="30dp"
                                        android:layout_toRightOf="@id/main_job_btn_complaint"
                                        android:background="@drawable/comment_button_style"
                                        android:text="" />
                                </RelativeLayout>
                            </LinearLayout>
                        </LinearLayout>


Qt自定义控件动画效果按钮

  • 2017年03月25日 16:44
  • 1.96MB
  • 下载

一组带有动画效果的按钮

  • 2016年08月13日 18:05
  • 5KB
  • 下载

利用css3动画效果编写滑动按钮开关

代码: css3做的滑动开关效果 .switch{ width: 100px; margin: 100px 0px 0 100px; } .bt...

仿知乎FloatingActionButton浮动按钮动画效果实现(一)

最近刚接触使用android studio,那酸爽简直停不下来23333,eclipse什么的以后可以放弃了~ 然后在默认生成的第一个项目发现了一个新的控件,即FloatingActionButton...

自定义带删除按钮的 Edittext 并伴随动画效果

先上效果图: 这个效果感觉一般在登录注册等场合的时候比较常见。今天来看看具体效果的实现。是几天前在掘金上看到的一个效果。当时觉得好玩,就看着敲,结果作者没有给源码,其中部分代码没有给全,无奈写到...

仿Path按钮动画效果

  • 2013年04月13日 22:29
  • 747KB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:按钮动画效果
举报原因:
原因补充:

(最多只允许输入30个字)