微调器下拉动画答案

【问题标题】：Spinner drop down animation微调器下拉动画
【发布时间】：2015-08-28 19:31:48
【问题描述】：

尝试在以下链接https://dribbble.com/shots/1753718-Chat-Screen-UX-UI-iOS-App 中实现动画。附上我们到目前为止尝试过的内容。无法准确再现动画。分享您对如何实施的想法。

    @Override
    public View getDropDownView(int position, View convertView, ViewGroup parent) {
        ViewHolder viewHolder;
        View view = convertView;
        if (view == null) {
            viewHolder = new ViewHolder();
            view = mInflater.inflate(R.layout.rowlayout, null);
            viewHolder.textView = (TextView) view.findViewById(R.id.textView);
            view.setTag(viewHolder);
        } else {
            viewHolder = (ViewHolder) view.getTag();
        }

        viewHolder.textView.setText(mItems.get(position));
        animate(view, position);
        return view;
    }


     private void animate(View target, int index){

        Animation animtopOut = AnimationUtils.loadAnimation(mContext, R.anim.slide_top_to_bottom);
        animtopOut.setStartOffset(index * 100);
        target.startAnimation(animtopOut);
  }

附加动画资源文件

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"
    android:interpolator="@android:anim/accelerate_interpolator">
    <translate android:fromYDelta="-100%" android:toYDelta="0"
        android:duration="100" />
    <alpha android:fromAlpha="0.0" android:toAlpha="1.0"
        android:duration="500" />
</set>

【问题讨论】：

标签： android view spinner android-animation

【解决方案1】：

在我看来：

您需要禁用微调器的弹出窗口动画样式。
将动画应用于下拉列表项中的每个列表项

UX 演示似乎每个项目都应该从 -90 旋转到 0 x 轴出现，您可以使用 ViewPropertyAnimator.rotationX(float value) 或 ViewPropertyAnimator.rotationXBy(float value) 更改为旋转 x 视图，记住首先将轴心 y 设置为 0，以便动画可以从视图顶部旋转

【讨论】：