Android实现动画效果的自定义下拉菜单功能

 更新时间:2021年02月23日 09:29:12   作者:snowyeti  
这篇文章主要介绍了Android实现动画效果的自定义下拉菜单功能,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下

我们在购物APP里面设置收货地址时,都会有让我们选择省份及城市的下拉菜单项。今天我将使用Android原生的 Spinner 控件来实现一个自定义的下拉菜单功能,并配上一个透明渐变动画效果。

要实现的功能及思路如下:

下拉菜单样式是自定义的、非原生效果:需要使用 setDropDownViewResource 方法来设置下拉视图的布局样式。该方法需要传入布局资源,该布局需要定义每个 Item 的属性,比如宽高和文字颜色等(为了使效果明显,我将每个 Item 的高度设置为 50 dp,文字设置为蓝色)点击这个 Spinner 控件时,让其运行一段“从左到右、逐渐显示”的渐变动画:我通过 xml 的方式来定义这个动画,需要包含 translate(位移) 和 alpha(透明度) 两个TAG,并设置相应的属性值下拉菜单的内容列表要展示在 Spinner 里面,需要通过适配器 Adapter 跟 Spinner 进行绑定:可以直接使用Android原生的 ArrayAdapter选择任意一个 Item 后,将其内容展示在界面上,告知用户选择的内容:需要实现 Spinner 的 onItemSelected 监听回调

源码如下:

1、主Activity(注意代码中的注释,不然你会遇到一些坑!)

public class SpinnerDemo extends Activity {
  private static final String[] countries = {"北京", "上海", "广州", "深圳", "成都", "杭州"};

  private TextView mTextView;
  private Spinner mSpinner;
  private ArrayAdapter<String> mAdapter;
  private Animation mAnimation;

  @Override
  protected void onCreate(Bundle onSavedInstance) {
    super.onCreate(onSavedInstance);
    setContentView(R.layout.spinner_demo);

    mTextView = findViewById(R.id.textView9);
    mSpinner = findViewById(R.id.spinner);

    mAdapter = new ArrayAdapter<>(this, android.R.layout.simple_spinner_item, countries);

    // 自定义的下拉视图布局样式
    mAdapter.setDropDownViewResource(R.layout.spinner_drop_down);

    // 设置数据的适配器
    mSpinner.setAdapter(mAdapter);

    mSpinner.setOnItemSelectedListener(new AdapterView.OnItemSelectedListener() {
      @Override
      public void onItemSelected(AdapterView<?> parent, View view, int position, long id) {
        mTextView.setText("你选择的是:" + countries[position]);

        // 一定要设置父视图可见,否则 在选择后,Spinner会消失
        parent.setVisibility(View.VISIBLE);
      }

      @Override
      public void onNothingSelected(AdapterView<?> parent) {
      }
    });

    // 通过 xml 的形式来定义动画
    mAnimation = AnimationUtils.loadAnimation(this, R.anim.my_anim);
    mSpinner.setOnTouchListener(new Spinner.OnTouchListener() {
      @Override
      public boolean onTouch(View v, MotionEvent event) {
        // 点击 Spinner 后,运行动画
        v.startAnimation(mAnimation);
        return false;
      }
    });
  }
}

2、布局文件 spinner_demo.xml 如下:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
       android:layout_width="match_parent"
       android:layout_height="match_parent"
       android:orientation="vertical">

  <TextView android:layout_width="wrap_content"
       android:layout_height="wrap_content"
       android:layout_gravity="center"
       android:id="@+id/textView9"/>

  <Spinner android:layout_width="wrap_content"
       android:layout_height="wrap_content"
       android:id="@+id/spinner"
       android:layout_gravity="center"
       android:layout_marginTop="15dp"/>

</LinearLayout>

3、自定义的下拉视图样式布局文件 spinner_drop_down.xml 如下:

<?xml version="1.0" encoding="utf-8"?>
<TextView xmlns:android="http://schemas.android.com/apk/res/android"
       android:layout_width="wrap_content"
       android:layout_height="50dp"
       android:textColor="@color/colorBlue"
       android:singleLine="true"
       style="?android:attr/spinnerDropDownItemStyle">
</TextView>

4、自定义动画 xml 文件如下:

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
  <translate
    android:fromXDelta="0"
    android:toXDelta="50%p"
    android:duration="2000"/>

  <alpha
    android:fromAlpha="0.0"
    android:toAlpha="1.0"
    android:duration="2000"/>
</set>

5、效果图如下:

到此这篇关于Android实现动画效果的自定义下拉菜单功能的文章就介绍到这了,更多相关android自定义下拉菜单内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • Android中的OpenGL使用配置详解

    Android中的OpenGL使用配置详解

    这篇文章主要为大家介绍了Android中的OpenGL使用配置详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-02-02
  • Android如何快速集成腾讯Bugly

    Android如何快速集成腾讯Bugly

    这篇文章主要介绍了Android如何快速集成腾讯Bugly,帮助大家更好的理解和学习使用Android开发,感兴趣的朋友可以了解下
    2021-04-04
  • 轻松实现可扩展自定义的Android滚轮时间选择控件

    轻松实现可扩展自定义的Android滚轮时间选择控件

    这篇文章主要为大家详细介绍了可扩展自定义的Android滚轮时间选择控件,结合WheelView实现滚轮选择日期操作,感兴趣的小伙伴们可以参考一下
    2016-07-07
  • Android Service 服务不被杀死的妙招

    Android Service 服务不被杀死的妙招

    这篇文章主要介绍了Android Service 服务不被杀死的妙招的相关资料,需要的朋友可以参考下
    2015-11-11
  • Android实现双向滑动特效的实例代码

    Android实现双向滑动特效的实例代码

    这篇文章主要介绍了Android实现双向滑动特效的实例代码,具有很好的参考价值,希望对大家有所帮助,一起跟随小编过来看看吧
    2018-05-05
  • Android 组件Gallery和GridView示例讲解

    Android 组件Gallery和GridView示例讲解

    本文主要讲解Android 组件Gallery和GridView,这里详细介绍组件Gallery和GridView的知识要点,并附示例代码和实现效果图,有兴趣的小伙伴可以参考下
    2016-08-08
  • Android实现水波纹效果实例代码

    Android实现水波纹效果实例代码

    大家好,本篇文章主要讲的是Android实现水波纹效果实例代码,感兴趣的同学赶快来看一看吧,对你有帮助的话记得收藏一下
    2022-02-02
  • Android通过自定义view实现刮刮乐效果详解

    Android通过自定义view实现刮刮乐效果详解

    这篇文章主要介绍了如何在Android中利用自定义的view实现刮刮乐的效果,文中的示例代码讲解详细,感兴趣的小伙伴可以跟上小编一起动手试一试
    2022-03-03
  • Android使用MediaRecorder类进行录制视频

    Android使用MediaRecorder类进行录制视频

    这篇文章主要介绍了Android使用MediaRecorder类进行录制视频的相关资料,需要的朋友可以参考下
    2015-10-10
  • Flutter数据库的使用方法

    Flutter数据库的使用方法

    这篇文章主要介绍了Flutter数据库的使用方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2021-05-05

最新评论