`
wuchengyi2015106
  • 浏览: 24839 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

程序猿推荐:仿微信下拉录制视频源码分享

阅读更多

1.仿微信下拉录制视频

介绍:

本项目高仿微信小视频+秒拍,微信从6.0版本开始推出小视频功能,随着4G网络的出现,视频将会是一个趋势,
他能表达出文字所不能表现的东西,增加了微信的黏性。 还记得微信小视频这个功能一推出,如同病毒一样席卷朋友圈。
由作者:Juns Allen 精心编写的
项目源码:http://www.itlanbao.com/code/20151117/11253/100648.html

运行效果:

 

 

 

 

2.一个很酷的加载loading效果

介绍:

一个很酷的加载loading效果,自定义LeafLoadingView实现,LeafLoadingView继承view,
本例子主要由以下几点构成
(1):RotateAnimation实现叶子旋转
(2):叶子飘动
(3):当前进度绘制当前进度条
大体实现源码如下
 @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);

        // 绘制进度条和叶子
        // 之所以把叶子放在进度条里绘制,主要是层级原因
        drawProgressAndLeafs(canvas);
        // drawLeafs(canvas);

        canvas.drawBitmap(mOuterBitmap, mOuterSrcRect, mOuterDestRect, mBitmapPaint);

        postInvalidate();
    }

    private void drawProgressAndLeafs(Canvas canvas) {

        if (mProgress >= TOTAL_PROGRESS) {
            mProgress = 0;
        }
        // mProgressWidth为进度条的宽度,根据当前进度算出进度条的位置
        mCurrentProgressPosition = mProgressWidth * mProgress / TOTAL_PROGRESS;
        // 即当前位置在图中所示1范围内
        if (mCurrentProgressPosition < mArcRadius) {
            Log.i(TAG, "mProgress = " + mProgress + "---mCurrentProgressPosition = "
                    + mCurrentProgressPosition
                    + "--mArcProgressWidth" + mArcRadius);
            // 1.绘制白色ARC,绘制orange ARC
            // 2.绘制白色矩形

            // 1.绘制白色ARC
            canvas.drawArc(mArcRectF, 90, 180, false, mWhitePaint);

            // 2.绘制白色矩形
            mWhiteRectF.left = mArcRightLocation;
            canvas.drawRect(mWhiteRectF, mWhitePaint);

            // 绘制叶子
            drawLeafs(canvas);

            // 3.绘制棕色 ARC
            // 单边角度
            int angle = (int) Math.toDegrees(Math.acos((mArcRadius - mCurrentProgressPosition)
                    / (float) mArcRadius));
            // 起始的位置
            int startAngle = 180 - angle;
            // 扫过的角度
            int sweepAngle = 2 * angle;
            Log.i(TAG, "startAngle = " + startAngle);
            canvas.drawArc(mArcRectF, startAngle, sweepAngle, false, mOrangePaint);
        } else {
            Log.i(TAG, "mProgress = " + mProgress + "---transfer-----mCurrentProgressPosition = "
                    + mCurrentProgressPosition
                    + "--mArcProgressWidth" + mArcRadius);
            // 1.绘制white RECT
            // 2.绘制Orange ARC
            // 3.绘制orange RECT
            // 这个层级进行绘制能让叶子感觉是融入棕色进度条中

            // 1.绘制white RECT
            mWhiteRectF.left = mCurrentProgressPosition;
            canvas.drawRect(mWhiteRectF, mWhitePaint);
            // 绘制叶子
            drawLeafs(canvas);
            // 2.绘制Orange ARC
            canvas.drawArc(mArcRectF, 90, 180, false, mOrangePaint);
            // 3.绘制orange RECT
            mOrangeRectF.left = mArcRightLocation;
            mOrangeRectF.right = mCurrentProgressPosition;
            canvas.drawRect(mOrangeRectF, mOrangePaint);

        }

    }

    /**
     * 绘制叶子
     *
     * @param canvas
     */
    private void drawLeafs(Canvas canvas) {
        mLeafRotateTime = mLeafRotateTime <= 0 ? LEAF_ROTATE_TIME : mLeafRotateTime;
        long currentTime = System.currentTimeMillis();
        for (int i = 0; i < mLeafInfos.size(); i++) {
            Leaf leaf = mLeafInfos.get(i);
            if (currentTime > leaf.startTime && leaf.startTime != 0) {
                // 绘制叶子--根据叶子的类型和当前时间得出叶子的(x,y)
                getLeafLocation(leaf, currentTime);
                // 根据时间计算旋转角度
                canvas.save();
                // 通过Matrix控制叶子旋转
                Matrix matrix = new Matrix();
                float transX = mLeftMargin + leaf.x;
                float transY = mLeftMargin + leaf.y;
                Log.i(TAG, "left.x = " + leaf.x + "--leaf.y=" + leaf.y);
                matrix.postTranslate(transX, transY);
                // 通过时间关联旋转角度,则可以直接通过修改LEAF_ROTATE_TIME调节叶子旋转快慢
                float rotateFraction = ((currentTime - leaf.startTime) % mLeafRotateTime)
                        / (float) mLeafRotateTime;
                int angle = (int) (rotateFraction * 360);
                // 根据叶子旋转方向确定叶子旋转角度
                int rotate = leaf.rotateDirection == 0 ? angle + leaf.rotateAngle : -angle
                        + leaf.rotateAngle;
                matrix.postRotate(rotate, transX
                        + mLeafWidth / 2, transY + mLeafHeight / 2);
                canvas.drawBitmap(mLeafBitmap, matrix, mBitmapPaint);
                canvas.restore();
            } else {
                continue;
            }
        }
    }

 

运行效果:

 
0
0
分享到:
评论

相关推荐

    (微信小程序毕业设计)仿微信(源码+截图).zip

    (微信小程序毕业设计)仿微信(源码+截图)(微信小程序毕业设计)仿微信(源码+截图)(微信小程序毕业设计)仿微信(源码+截图)(微信小程序毕业设计)仿微信(源码+截图)(微信小程序毕业设计)仿微信(源码+截图)(微信小程序毕业...

    (微信小程序毕业设计)仿美团外卖(附源码+截图).zip

    (微信小程序毕业设计)仿美团外卖(附源码+截图).zip(微信小程序毕业设计)仿美团外卖(附源码+截图).zip(微信小程序毕业设计)仿美团外卖(附源码+截图).zip(微信小程序毕业设计)仿美团外卖(附源码+截图).zip(微信小程序...

    网课搜题 小猿题库多接口微信小程序源码

    多接口小猿题库等综合网课搜题微信小程序源码带流量主,网课搜题小程序, 可以开通流量主赚钱 搭建教程 1, 微信公众平台注册自己的小程序 2, 下载微信开发者工具和小程序的源码 3, 上传代码到自己的小程序

    一款微信小程序打卡应用源码.zip

    一款微信小程序打卡应用源码,创建地图打卡,基于地图范围打卡、学习打卡,微信小程序敏感词校验,微信小程序项目源码,微信小程序案例源码。 一款微信小程序打卡应用源码,创建地图打卡,基于地图范围打卡、学习...

    网课搜题 小猿题库多接口微信小程序源码 自带流量主

    网课搜题 小猿题库多接口微信小程序源码 自带流量主搭建教程 1, 微信公众平台注册自己的小程序 2, 下载微信开发者工具和小程序的源码 3, 上传代码到自己的小程序

    160套小程序源码微信小程序源码合集

    (知乎日报) 微信小程序 d artand 今日更新求职招聘类 医药网 口碑外卖点餐 城市天气 外卖小程序 定位天气 家居在线 微信小程序-大好商城,wechat-weapp 微信小程序的掘金信息流 微信跳一跳小游戏源码 微票源码-demo ...

    微信小程序:网课查题微信小程序源码下载,题库资源丰富自动采集,支持语音拍照识别

    这是一款网课查题微信小程序源码 题库资源丰富自动采集, 支持语音拍照识别 该款采用接口方式,所以题库自动全网采集 而且该款小程序无需服务器和域名即可搭建 大家解压源码然后使用微信开发者工具打开源码 ...

    微信小程序源码-企业OA系统小程序.zip

    微信小程序源码-企业OA系统小程序.zip微信小程序源码-企业OA系统小程序.zip微信小程序源码-企业OA系统小程序.zip微信小程序源码-企业OA系统小程序.zip微信小程序源码-企业OA系统小程序.zip微信小程序源码-企业OA系统...

    微信小程序源码-汽车测评小程序.zip

    微信小程序源码-汽车测评小程序.zip微信小程序源码-汽车测评小程序.zip微信小程序源码-汽车测评小程序.zip微信小程序源码-汽车测评小程序.zip微信小程序源码-汽车测评小程序.zip微信小程序源码-汽车测评小程序.zip...

    微信小程序源码-数独小游戏.zip

    微信小程序源码-数独小游戏.zip微信小程序源码-数独小游戏.zip微信小程序源码-数独小游戏.zip微信小程序源码-数独小游戏.zip微信小程序源码-数独小游戏.zip微信小程序源码-数独小游戏.zip微信小程序源码-数独小游戏....

    微信小程序开发附源码:关于微信小程序bug记录与解决方法.doc

    在微信小程序开发过程中,开发者经常会遇到各种bug,这些bug可能在开发工具中表现良好,但在实际设备上却会出现意想不到的问题。以下是一些常见的微信小程序bug及其解决方案。 1. **textarea的padding问题**: ...

    微信小程序源码-优惠券卡卷小程序.zip

    微信小程序源码-优惠券卡卷小程序.zip微信小程序源码-优惠券卡卷小程序.zip微信小程序源码-优惠券卡卷小程序.zip微信小程序源码-优惠券卡卷小程序.zip微信小程序源码-优惠券卡卷小程序.zip微信小程序源码-优惠券卡卷...

    网课搜题 小猿题库多接口微信小程序源码 自带流量主.zip

    多接口小猿题库等综合网课搜题微信小程序源码带流量主,网课搜题小程序, 可以开通流量主赚钱 搭建教程 1, 微信公众平台注册自己的小程序 2, 下载微信开发者工具和小程序的源码 3, 上传代码到自己的小程序

    微信小程序源码-校内网小程序.zip

    微信小程序源码-校内网小程序.zip微信小程序源码-校内网小程序.zip微信小程序源码-校内网小程序.zip微信小程序源码-校内网小程序.zip微信小程序源码-校内网小程序.zip微信小程序源码-校内网小程序.zip微信小程序源码...

    微信小程序源码-美食菜谱.zip

    微信小程序源码-美食菜谱.zip微信小程序源码-美食菜谱.zip微信小程序源码-美食菜谱.zip微信小程序源码-美食菜谱.zip微信小程序源码-美食菜谱.zip微信小程序源码-美食菜谱.zip微信小程序源码-美食菜谱.zip微信小程序...

    微信小程序源码-搜索框.zip

    微信小程序源码-搜索框.zip微信小程序源码-搜索框.zip微信小程序源码-搜索框.zip微信小程序源码-搜索框.zip微信小程序源码-搜索框.zip微信小程序源码-搜索框.zip微信小程序源码-搜索框.zip微信小程序源码-搜索框.zip...

    微信聊天微信小程序源码.rar

    微信聊天微信小程序源码是一个包含了开发微信小程序所需全部代码的压缩包。这个源码可能用于构建一个类似微信内部聊天功能的应用,让开发者可以学习、研究或定制自己的微信小程序。源码通常包括前端用户界面(UI)...

    微信小程序源码-漂流瓶.zip

    微信小程序源码-漂流瓶.zip微信小程序源码-漂流瓶.zip微信小程序源码-漂流瓶.zip微信小程序源码-漂流瓶.zip微信小程序源码-漂流瓶.zip微信小程序源码-漂流瓶.zip微信小程序源码-漂流瓶.zip微信小程序源码-漂流瓶.zip...

    微信小程序源码-家政预约.zip

    微信小程序源码-家政预约微信小程序源码-家政预约微信小程序源码-家政预约微信小程序源码-家政预约微信小程序源码-家政预约微信小程序源码-家政预约微信小程序源码-家政预约微信小程序源码-家政预约微信小程序源码-...

    微信小程序源码-智能用电.zip

    微信小程序源码-智能用电.zip微信小程序源码-智能用电.zip微信小程序源码-智能用电.zip微信小程序源码-智能用电.zip微信小程序源码-智能用电.zip微信小程序源码-智能用电.zip微信小程序源码-智能用电.zip微信小程序...

Global site tag (gtag.js) - Google Analytics