自定义view学习6（课后练习）

最新推荐文章于 2021-05-25 19:02:44 发布
最新推荐文章于 2021-05-25 19:02:44 发布
阅读量191 收藏
点赞数
分类专栏： android
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_33413264/article/details/79523450
版权

原文地址 

http://hencoder.com/ui-1-6/

1.translation移动

public class Sample01Translation extends RelativeLayout {
    Button animateBt;
    ImageView imageView;

    int translationStateCount = SDK_INT > Build.VERSION_CODES.LOLLIPOP ? 6 : 4;
    int translationState = 0;

    public Sample01Translation(Context context) {
        super(context);
    }

    public Sample01Translation(Context context, @Nullable AttributeSet attrs) {
        super(context, attrs);
    }

    public Sample01Translation(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
    }

    @Override
    protected void onAttachedToWindow() {
        super.onAttachedToWindow();

        animateBt = (Button) findViewById(R.id.animateBt);
        imageView = (ImageView) findViewById(R.id.imageView);
        if (SDK_INT > Build.VERSION_CODES.LOLLIPOP) {
            // 给音乐图标加上合适的阴影
            imageView.setOutlineProvider(new MusicOutlineProvider());
        }

        animateBt.setOnClickListener(new OnClickListener() {
            @Override
            public void onClick(final View v) {
                switch (translationState) {
                    case 0:
                        imageView.animate().translationX(Utils.dpToPixel(100));
                        break;
                    case 1:
                        imageView.animate().translationX(0);
                        break;
                    case 2:
                        imageView.animate().translationY(Utils.dpToPixel(50));
                        break;
                    case 3:
                        imageView.animate().translationY(0);
                        break;
                    case 4:
                        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
                            imageView.animate().translationZ(Utils.dpToPixel(15));
                        }
                        break;
                    case 5:
                        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
                            imageView.animate().translationZ(0);
                        }
                        break;
                }
                translationState++;
                if (translationState == translationStateCount) {
                    translationState = 0;
                }
            }
        });
    }

    /**
     * 为音乐图标设置三角形的 Outline。
     */
    @RequiresApi(api = Build.VERSION_CODES.LOLLIPOP)
    class MusicOutlineProvider extends ViewOutlineProvider {
        Path path = new Path();

        {
            path.moveTo(0, dpToPixel(10));
            path.lineTo(dpToPixel(7), dpToPixel(2));
            path.lineTo(dpToPixel(116), dpToPixel(58));
            path.lineTo(dpToPixel(116), dpToPixel(70));
            path.lineTo(dpToPixel(7), dpToPixel(128));
            path.lineTo(0, dpToPixel(120));
            path.close();
        }

        @Override
        public void getOutline(View view, Outline outline) {
            outline.setConvexPath(path);
        }
    }
}

2.rotation

public class Sample02Rotation extends RelativeLayout {
    Button animateBt;
    ImageView imageView;

    int state = 0;

    public Sample02Rotation(Context context) {
        super(context);
    }

    public Sample02Rotation(Context context, @Nullable AttributeSet attrs) {
        super(context, attrs);
    }

    public Sample02Rotation(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
    }

    @Override
    protected void onAttachedToWindow() {
        super.onAttachedToWindow();

        animateBt = (Button) findViewById(R.id.animateBt);
        imageView = (ImageView) findViewById(R.id.imageView);

        animateBt.setOnClickListener(new OnClickListener() {
            @Override
            public void onClick(final View v) {
                switch (state) {
                    case 0:
                        imageView.animate().rotation(180);
                        break;
                    case 1:
                        imageView.animate().rotation(0);
                        break;
                    case 2:
                        imageView.animate().rotationX(180);
                        break;
                    case 3:
                        imageView.animate().rotationX(0);
                        break;
                    case 4:
                        imageView.animate().rotationY(180);
                        break;
                    case 5:
                        imageView.animate().rotationY(0);
                        break;
                }
                state++;
                if (state == 6) {
                    state = 0;
                }
            }
        });
    }
}

3.scale 压缩

public class Sample03Scale extends RelativeLayout {
    Button animateBt;
    ImageView imageView;

    int state = 0;

    public Sample03Scale(Context context) {
        super(context);
    }

    public Sample03Scale(Context context, @Nullable AttributeSet attrs) {
        super(context, attrs);
    }

    public Sample03Scale(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
    }

    @Override
    protected void onAttachedToWindow() {
        super.onAttachedToWindow();

        animateBt = (Button) findViewById(R.id.animateBt);
        imageView = (ImageView) findViewById(R.id.imageView);

        animateBt.setOnClickListener(new OnClickListener() {
            @Override
            public void onClick(final View v) {
                switch (state) {
                    case 0:
                        imageView.animate().scaleX(1.5f);
                        break;
                    case 1:
                        imageView.animate().scaleX(1);
                        break;
                    case 2:
                        imageView.animate().scaleY(.5f);
                        break;
                    case 3:
                        imageView.animate().scaleY(1);
                        break;
                }
                state++;
                if (state == 4) {
                    state = 0;
                }
            }
        });
    }
}

4.alpha  透明色

public class Sample04Alpha extends RelativeLayout {
    Button animateBt;
    ImageView imageView;

    int state = 0;

    public Sample04Alpha(Context context) {
        super(context);
    }

    public Sample04Alpha(Context context, @Nullable AttributeSet attrs) {
        super(context, attrs);
    }

    public Sample04Alpha(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
    }

    @Override
    protected void onAttachedToWindow() {
        super.onAttachedToWindow();

        animateBt = (Button) findViewById(R.id.animateBt);
        imageView = (ImageView) findViewById(R.id.imageView);

        animateBt.setOnClickListener(new OnClickListener() {
            @Override
            public void onClick(final View v) {
                switch (state) {
                    case 0:
                        imageView.animate().alpha(0);
                        break;
                    case 1:
                        imageView.animate().alpha(1);
                        break;
                }
                state++;
                if (state == 2) {
                    state = 0;
                }
            }
        });
    }
}

5.ViewPropertyAnimator 多属性

public class Sample05MultiProperties extends ConstraintLayout {
    Button animateBt;
    ImageView imageView;
    boolean animated;

    public Sample05MultiProperties(Context context) {
        super(context);
    }

    public Sample05MultiProperties(Context context, @Nullable AttributeSet attrs) {
        super(context, attrs);
    }

    public Sample05MultiProperties(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
    }

    @Override
    protected void onAttachedToWindow() {
        super.onAttachedToWindow();

        animateBt = (Button) findViewById(R.id.animateBt);
        imageView = (ImageView) findViewById(R.id.imageView);
        imageView.setScaleX(0);
        imageView.setScaleY(0);
        imageView.setAlpha(0f);
        animateBt.setOnClickListener(new OnClickListener() {
            @Override
            public void onClick(View v) {
                if (!animated) {
                    imageView.animate()
                            .translationX(Utils.dpToPixel(200))
                            .rotation(360)
                            .scaleX(1)
                            .scaleY(1)
                            .alpha(1);
                } else {
                    imageView.animate()
                            .translationX(0)
                            .rotation(0)
                            .scaleX(0)
                            .scaleY(0)
                            .alpha(0);
                }
                animated = !animated;
            }
        });
    }
}

6.设置时间

public class Sample06Duration extends LinearLayout {
    SeekBar durationSb;
    TextView durationValueTv;
    Button animateBt;
    ImageView imageView;

    int duration = 300;
    int translationState = 0;

    public Sample06Duration(Context context) {
        super(context);
    }

    public Sample06Duration(Context context, @Nullable AttributeSet attrs) {
        super(context, attrs);
    }

    public Sample06Duration(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
    }

    @Override
    protected void onAttachedToWindow() {
        super.onAttachedToWindow();

        durationSb = (SeekBar) findViewById(R.id.durationSb);
        durationValueTv = (TextView) findViewById(R.id.durationValueTv);
        durationValueTv.setText(getContext().getString(R.string.ms_with_value, duration));
        durationSb.setMax(10);
        durationSb.setProgress(1);
        durationSb.setOnSeekBarChangeListener(new SeekBar.OnSeekBarChangeListener() {
            @Override
            public void onProgressChanged(SeekBar seekBar, int progress, boolean fromUser) {
                duration = progress * 300;
                durationValueTv.setText(getContext().getString(R.string.ms_with_value, duration));
            }

            @Override
            public void onStartTrackingTouch(SeekBar seekBar) {

            }

            @Override
            public void onStopTrackingTouch(SeekBar seekBar) {

            }
        });

        animateBt = (Button) findViewById(R.id.animateBt);
        imageView = (ImageView) findViewById(R.id.imageView);
        animateBt.setOnClickListener(new OnClickListener() {
            @Override
            public void onClick(View v) {
                switch (translationState) {
                    case 0:
                        imageView.animate().translationX(Utils.dpToPixel(100)).setDuration(duration);
                        break;
                    case 1:
                        imageView.animate().translationX(0).setDuration(duration);
                        break;
                }
                if (translationState < 1) {
                    translationState++;
                } else {
                    translationState = 0;
                }
            }
        });
    }
}

7.interpolator 速度设置器

public class Sample07Interpolator extends LinearLayout {
    Spinner spinner;
    Button animateBt;
    ImageView imageView;

    Interpolator[] interpolators = new Interpolator[13];
    Path interpolatorPath;

    public Sample07Interpolator(Context context) {
        super(context);
    }

    public Sample07Interpolator(Context context, @Nullable AttributeSet attrs) {
        super(context, attrs);
    }

    public Sample07Interpolator(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
    }

    {
        interpolatorPath = new Path();
        interpolatorPath.lineTo(0.25f, 0.25f);
        interpolatorPath.moveTo(0.25f, 1.5f);
        interpolatorPath.lineTo(1, 1);
        interpolators[0] = new AccelerateDecelerateInterpolator();
        interpolators[1] = new LinearInterpolator();
        interpolators[2] = new AccelerateInterpolator();
        interpolators[3] = new DecelerateInterpolator();
        interpolators[4] = new AnticipateInterpolator();
        interpolators[5] = new OvershootInterpolator();
        interpolators[6] = new AnticipateOvershootInterpolator();
        interpolators[7] = new BounceInterpolator();
        interpolators[8] = new CycleInterpolator(0.5f);
        interpolators[9] = PathInterpolatorCompat.create(interpolatorPath);
        interpolators[10] = new FastOutLinearInInterpolator();
        interpolators[11] = new FastOutSlowInInterpolator();
        interpolators[12] = new LinearOutSlowInInterpolator();
    }

    @Override
    protected void onAttachedToWindow() {
        super.onAttachedToWindow();

        spinner = (Spinner) findViewById(R.id.interpolatorSpinner);

        animateBt = (Button) findViewById(R.id.animateBt);
        imageView = (ImageView) findViewById(R.id.imageView);
        animateBt.setOnClickListener(new OnClickListener() {
            @Override
            public void onClick(View v) {
                imageView.animate()
                        .translationX(Utils.dpToPixel(150))
                        .setDuration(600)
                        .setInterpolator(interpolators[spinner.getSelectedItemPosition()])
                        .withEndAction(new Runnable() {
                            @Override
                            public void run() {
                                imageView.postDelayed(new Runnable() {
                                    @Override
                                    public void run() {
                                        imageView.setTranslationX(0);
                                    }
                                }, 500);
                            }
                        });
            }
        });
    }
}

感觉动画挺神奇的


冯昕睿feng
关注
专栏目录
Android实现圆角控件
ITRenj的博客
03-30 1381
Android实现圆角控件 在Android开发过程中，控件的使用是最常见、最基本的。但是我们都知道，在Android中的控件都是矩形的，而在实际项目中，我们的UI设计师经常会使用一些圆角的控件。那么，在Android有哪些方式可以实现圆角控件了，在使用和适配的过程当中，又有哪些问题了。下面，我将介绍Android中常见的实现圆角方式。 自定义方式实现圆角： [外链图片转存失败,源站可能有防盗链机...
android 图形图像编程- 第三章 路径(Path)和剪切(Clipping)
大伟的专栏
05-15 3068
3. 路径(Path)与剪裁(Clipping)     路径是封装了多条几何轮廓的组合。其中可以包含线段，圆，椭圆，二次和三次的贝塞尔曲线。路径的主要应用场景有:绘制复杂的轮廓，也可以通过这些路径进行剪裁，或者在路径上显示文字。     3.1 路径(Path) 3.1.1 绘制复杂轮廓     使用路径可以轻易的生成一段复杂的曲线,因为Path类提供了丰富的函数来实现此功能。下面罗
view实践妙用方法记录
liu_12345_liu的博客
12-27 515
文章目录clipToPadding属性clipChildren属性 clipToPadding属性 查看android中对该属性的注释 Defines whether the ViewGroup will clip its children and resize (but not clip) any EdgeEffect to its padding, if padding is not zero. This property is set to true by default. 自己理解这段话为：该属
Android 圆角工具ViewOutLineProvider
FlyPig_Vip的博客
06-08 3149
public class JzViewOutlineProvider extends ViewOutlineProvider { private float mRadius; public JzViewOutlineProvider(float radius) { this.mRadius = radius; } @Override public void getOutline(View view, Outline outline) { .
Android使用Path实现仿最新淘宝轮播广告底部弧形有锯齿的问题以及解决办法
LT5505的博客
04-10 2672
在前面一篇博文《Android高仿京东淘宝自动无限循环轮播控件的实现思路和过程》中已经基本介绍了实现轮播广告的基本思路和过程，但是仔细观察淘宝的轮播广告栏，发现在轮播广告栏的底部有个小小的弧形，为了实现更好的效果，在后期中在自己定义的无限轮播控件中添加了底部弧形的实现，在实现的过程中也遇到了一些问题，比较麻烦的就是绘制时弧形出现了锯齿的问题。实现弧形的主要代码以及实现效果（带有锯齿的情况）首先要感谢
ASP.NET课后练习
12-26
在本"ASP.NET MVC程序设计第三版马俊主编课后练习"中，我们将深入探讨ASP.NET的核心概念和技术，包括MVC模式、路由、控制器、视图、模型以及数据访问。 1. **ASP.NET MVC模式**：MVC（Model-View-Controller）是一...
asp.net动态网站开发教程（第二版）课本实例源代码+课后练习答案+计算器源代码
01-05
该资源包包含了课本中的实例源代码、课后练习答案以及一个计算器应用程序的源码，为学习者提供了丰富的实践材料。 一、ASP.NET概述 ASP.NET是微软公司推出的一种用于构建Web应用程序的技术框架，它基于.NET ...
《新编Visual Foxpro 教程》课后练习题参考答案
07-14
在解决课后练习题时，读者将接触到VFP的查询和视图（View）功能。SQL（Structured Query Language）是VFP进行数据查询的主要工具，学会编写SELECT语句、JOIN操作和WHERE子句至关重要。视图则是基于查询的结果集，...
Anyview上机通过答案&数据结构（C语言）课后习题
05-24
"Anyview上机通过答案&数据结构（C语言）课后习题"这个资源很显然是为了帮助学生巩固数据结构课程的知识，通过解决实际编程题目来加深理解。 在数据结构的学习中，通常会涉及以下几个关键概念： 1. **数组**：最...
PowerBI练习文件
03-29
除了上述内容，这个练习包还可能包含数据模型构建、报表布局、自定义视觉效果创建、DAX公式的学习，以及如何发布和共享Power BI报告的步骤。通过实际操作这些练习文件，你将能深入理解Power BI的工作原理，提高数据...
android 5.0新特性学习总结之阴影特效(二)
u014702999的专栏
08-07 2118
当看了github上的一篇文章后,我惊讶了,效果太炫了,https://github.com/wasabeef/awesome-android-ui 在Material Design 规范指导里面特别提出了阴影的重要性和如何正确使用的方法,如何设置阴影，做出一个有层次感的界面 设置方法： android:elevation xml: LinearLayou
Android 5.0学习之定义阴影
热门推荐
第四维空间的专栏
12-08 4万+
前言 Material Design 规范指导里面特别提出了阴影的重要性和如何正确使用的方法（点击传送），那我们就更加不能忽视这一点了，本篇文章就要教大家如何设置阴影，做出一个有层次感的界面。 设置方法： android:elevation 分别设置不同数值的elevation效果如下： layout： [html] view plaincopyprint?
Material Design 最全解析_4 视图和效果
Maybe
07-08 1340
概述Material Design为开发者提供了一系列的效果、特性和控件，对于开发者来说实在是福音。 今天这篇博客就记录一下视图和效果方面的知识。先看一下大纲阴影的产生、高度的计算阴影的产生是因为高度差，阴影的大小是由相对高度差决定的。在以前UI只是二维时，View的位置参数有以下公式 X = Left + translationX Y = Top = translationY; Mater
AndroidMaterialDesign_ClipViews
huyuchaoheaven的专栏
08-11 1048
Clip Views
android组件圆角,Android实现圆角控件
weixin_39835117的博客
05-25 1078
Android实现圆角控件在Android开发过程中，控件的使用是最常见、最基本的。但是我们都知道，在Android中的控件都是矩形的，而在实际项目中，我们的UI设计师经常会使用一些圆角的控件。那么，在Android有哪些方式可以实现圆角控件了，在使用和适配的过程当中，又有哪些问题了。下面，我将介绍Android中常见的实现圆角方式。自定义方式实现圆角：androidView.gif常见实现方式使...
Android5.0及Material Design
wdx_1136346879的博客
01-26 1236
Android5.0是在2014年10月16日发布的。 1、Android 1.0 一切的开始 2008年10月发布的。第一款安卓手机是htc的G1，它是一款全键盘的手机。没有虚拟键盘的。 2、Android 1.5 增加虚拟键盘。 3、Android 3.0 这个版本是专门针对平板而出的一个版本，一开始并不是开源的。 4、Android 4.0 从4.0开始到现在，4点多 的版本占据着...
Android自定义View深度解析
作者通过自身的学习经历，讲述了如何从零开始创建一个自定义View，强调了面向对象的封装、继承和多态在自定义View中的应用。" 在Android开发中，自定义View是提升应用界面独特性和功能性的关键。对于初学者，它可能...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值