如何在Android中实现一个动画效果的自定义下拉菜单功能

如何在Android中实现一个动画效果的自定义下拉菜单功能？针对这个问题，这篇文章详细介绍了相对应的分析和解答，希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。

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

下拉菜单样式是自定义的、非原生效果：需要使用 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"
       >
</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>

关于如何在Android中实现一个动画效果的自定义下拉菜单功能问题的解答就分享到这里了，希望以上内容可以对大家有一定的帮助，如果你还有很多疑惑没有解开，可以关注亿速云行业资讯频道了解更多相关知识。