携程在手点击小按钮缩放效果与自定义按钮效果

来源：互联网发布：服装设计专用软件编辑：程序博客网时间：2024/05/29 12:10

携程在手点击小按钮缩放效果思路很简单，点击按钮写一个缩放动画效果，延迟0.5m，接着进去相应的activity中。

1、在layout下建一个anim文件夹，写一个set的set_scale.xml动画，如下

<?xml version="1.0" encoding="utf-8"?><set xmlns:android="http://schemas.android.com/apk/res/android">    <scale android:fromXScale="1.0"        android:toXScale="0.96"        android:fromYScale="1.0"                android:toYScale="0.90"        android:pivotX="50%"        android:pivotY="50%"        android:duration="300"/></set>

2、在类中去实现这个动画并延迟跳转

btn_xxgl.setOnClickListener(new OnClickListener() {@Overridepublic void onClick(View arg0) {// TODO Auto-generated method stubAnimation animation=AnimationUtils.loadAnimation(MainActivity.this, R.anim.set_scale);btn_xxgl.startAnimation(animation);new Handler().postDelayed(new Runnable() {@Overridepublic void run() {// TODO Auto-generated method stubIntent intent=new Intent(MainActivity.this,XXZRActivity.class);startActivity(intent);}}, 500);}});

二、.Button 其他一些风格，

1、selector效果

在drawable中

btn_select.xml点击变色的效果

<?xml version="1.0" encoding="utf-8"?><selector xmlns:android="http://schemas.android.com/apk/res/android" >        <item android:state_pressed="true" android:drawable="@color/shenred"  android:state_enabled="true" ></item><item android:state_pressed="false" android:drawable="@color/qianred" ></item></selector>

2、shape效果

btn_shape.xml圆角效果

<?xml version="1.0" encoding="utf-8"?><shape xmlns:android="http://schemas.android.com/apk/res/android" >    <corners android:radius="5dp"/>    <solid android:color="#ABCD40"/></shape>

btn_shape1.xml 圆角周边是黑色效果

<?xml version="1.0" encoding="utf-8"?><shape xmlns:android="http://schemas.android.com/apk/res/android" >    <corners android:radius="5dp"/>    <solid android:color="#F8D888"/><stroke android:color="#222222" android:width="2dp"/></shape>

3、混合效果select+shape

btn_select.xml

<?xml version="1.0" encoding="UTF-8"?><selector xmlns:android="http://schemas.android.com/apk/res/android">    <item android:state_pressed="false"><shape>            <stroke android:width="1dp" android:color="#F58939" />            <solid android:color="#ffffffff" />            <corners android:radius="5dp"/>        </shape></item>    <item android:state_pressed="true"><shape>                       <solid android:color="#F58939" />                      <corners android:radius="5dp"/>        </shape></item></selector>

0 0