Material Design学习之 Camera

转载请注明出处:王亟亟的大牛之路

年后第一篇,自从来了某司产量骤减,这里批评下自己,这一篇的素材来源于老牌Material Design控件写手afollestadhttps://github.com/afollestad/material-camera

开篇前,继续安利,你懂的:https://github.com/ddwhan0123/Useful-Open-Source-Android (最近把 6.0授权部分单独罗列出来了)


介绍代码之前先贴下效果图

这里写图片描述
这里写图片描述

如何使用

先是添加依赖让maven去下代码

maven部分

repositories {
    jcenter()
    maven { url "https://dl.bintray.com/drummer-aidan/maven" }
}

然后在build.gradle里添加

compile 'com.afollestad:material-camera:0.4.4'

当然你要下源码也行,就是一个java代码和布局文件,截图如下


这里写图片描述

依赖加好,代码下好,还需要做一件事,注册Activity

需要在项目的main文件里加

<activity
    android:name="com.afollestad.materialcamera.CaptureActivity"
    android:theme="@style/MaterialCamera.CaptureActivity" />
<activity
    android:name="com.afollestad.materialcamera.CaptureActivity2"
    android:theme="@style/MaterialCamera.CaptureActivity" />

用于注册library的activity

OK,配置大致就是如下


自定义设置

在使用拍摄功能前肯定,一定会有多多少少的设置,最通常的诸如,图片储存地址,图片大小,画质压缩等等,原作者也提供了强大的api,这里做下翻译。

.allowRetry(true)                       //是否显示重拍按钮

.autoSubmit(false)                      //是否允许用户在录制后播放视频

.saveDir(saveFolder)                    //拍摄的内容的储存地址

.primaryColorAttr(R.attr.colorPrimary)  //相机配色,建议遵从app style

.showPortraitWarning(true)              //如果用户按纵向方向的记录,是否显示警告

.defaultToFrontFacing(false)            //是否默认为前置摄像头

.allowChangeCamera(true)                //允许用户更改相机

.retryExits(false)                      //如果为true,播放屏幕中的“重试”按钮将退出相机,而不是返回录音机

.restartTimerOnRetry(false)             //如果为true,则当用户在播放中轻按“重试”时,倒计时器将重置为0

.continueTimerInPlayback(false)         //如果为true,倒计时器将在播放过程中继续向下,而不是暂停。

.videoEncodingBitRate(1024000)          //设置视频大小

.audioEncodingBitRate(50000)            // 设置音频大小
.videoFrameRate(24)                     //设置视频fps值

.qualityProfile(MaterialCamera.QUALITY_HIGH)
//设置质量配置文件,手动设置比特率或帧速率与其他设置将覆盖单个质量配置文件设置

.videoPreferredHeight(720)              //设置录制视频的首选高度

.videoPreferredAspect(4f / 3f)          //为录制的视频输出设置首选宽高比           

.maxAllowedFileSize(1024 * 1024 * 5)    //将最大文件大小设置为5MB,如果文件达到此限制,录制将停止。请记住,FAT文件系统的文件大小限制为4GB。

.iconRecord(R.drawable.mcam_action_capture)  
//设置用于开始录制的按钮的自定义图标

.iconStop(R.drawable.mcam_action_stop)  //为用于停止录制的按钮设置自定义图标

.iconFrontCamera(R.drawable.mcam_camera_front)
//设置用于切换到前置摄像头的按钮的自定义图标

.iconRearCamera(R.drawable.mcam_camera_rear) 
//设置用于切换到后置摄像头的按钮的自定义图标

.iconPlay(R.drawable.evp_action_play)   //设置用于开始播放的自定义图标

.iconPause(R.drawable.evp_action_pause) // 设置用于暂停播放的自定义图标

.iconRestart(R.drawable.evp_action_restart)
//设置用于重新开始播放的自定义图标

.labelRetry(R.string.mcam_retry)        //为用于重试记录的按钮设置自定义按钮标签(如果可用)

.labelConfirm(R.string.mcam_use_video)  //为用于确认/提交录音的按钮设置自定义按钮标签

.autoRecordWithDelaySec(5)              //摄像机将在5秒倒计时后自动开始录制。这将最初禁用前后摄像头之间的切换。
.autoRecordWithDelayMs(5000)            //与上面相同,用毫秒而不是秒表示。

.audioDisabled(false)                   //设置为true可记录没有任何音频的视频

.start(CAMERA_RQ);                      //启动相机活动,结果将被发回当前活动      

这都是api提供的设置的方法,通俗易懂,建议写成一个工厂方法然后调用,省得每次构造一个新的MaterialCamera对象


控件调用

作者在适配方面还是做的很用心的,高低版本的Fragment和通常的Activity都有做。兼容方面我分别在 华为,nexus,小米部分机型做过测试没有明显的差异和bug出现,我们来看下具体是如何调用的。

 MaterialCamera materialCamera = new MaterialCamera(this)
                .saveDir(saveDir)
                .showPortraitWarning(true)
                .allowRetry(true)
                .defaultToFrontFacing(true)
                .allowRetry(true)
                .autoSubmit(false)
                .labelConfirm(R.string.mcam_use_video);
materialCamera.stillShot() 
.labelConfirm(R.string.mcam_use_stillshot);
materialCamera.start(CAMERA_RQ);

按钮啊或者其他地方调用下就好了,然后和使用普通相机一样在onActivityResult里找结果就行

    @Override
    protected void onActivityResult(int requestCode, int resultCode, Intent data) {
        super.onActivityResult(requestCode, resultCode, data);

        // Received recording or error from MaterialCamera
        if (requestCode == CAMERA_RQ) {
            if (resultCode == RESULT_OK) {
                final File file = new File(data.getData().getPath());
                Toast.makeText(this, String.format("Saved to: %s, size: %s",
                        file.getAbsolutePath(), fileSize(file)), Toast.LENGTH_LONG).show();
            } else if (data != null) {
                Exception e = (Exception) data.getSerializableExtra(MaterialCamera.ERROR_EXTRA);
                if (e != null) {
                    e.printStackTrace();
                    Toast.makeText(this, "Error: " + e.getMessage(), Toast.LENGTH_LONG).show();
                }
            }
        }
    }

首先判断是否是自己之前预设的requestCode值是的话去读取data里面的值
只要能读到data值那就走正常的业务逻辑就好。
整体使用体验和厂商自带的相机相机功能没有什么区别。

区别在于存储部分帮你做了,常用功能帮你封了,长得很MD,还有很强的拓展性


一些补充

1.暂时只支持android.support.v4.app.Fragment
android.app.Fragment
Activity调用相机,特殊场景的话自己得转Context

2.manifest里面加的2个Activity节点不能漏,lib裤自己没有存货的进程,都依附于调用者(我没试过不加会怎么样,八成是找不到那个类)
那为什么需要有2个呢? 兼容看看2个类的注解就知道了

@TargetApi(Build.VERSION_CODES.LOLLIPOP)
public class Camera2Fragment extends BaseCameraFragment implements View.OnClickListener 

以及

@TargetApi(Build.VERSION_CODES.JELLY_BEAN)
public class CameraFragment extends BaseCameraFragment implements View.OnClickListener 

这个库暂时就介绍到这里,这篇没去拆源码,我对这个库的理解感觉
这是一个实用性大于教学性的开源库,类似功能的库实现都是大同小异
都是对自带的照相机外面套了层ui,套了层功能强化,当然感兴趣可以自己去读读,不是很难。

如果觉得部分功能自己需要拓展,继承BaseCameraFragment 这部分开始自己实现我觉得也很方便。

项目地址:https://github.com/afollestad/material-camera

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 158,847评论 4 362
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 67,208评论 1 292
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 108,587评论 0 243
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 43,942评论 0 205
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 52,332评论 3 287
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 40,587评论 1 218
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 31,853评论 2 312
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 30,568评论 0 198
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 34,273评论 1 242
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 30,542评论 2 246
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 32,033评论 1 260
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 28,373评论 2 253
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 33,031评论 3 236
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 26,073评论 0 8
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 26,830评论 0 195
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 35,628评论 2 274
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 35,537评论 2 269

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 170,568评论 25 707
  • 其实我是个很敏感的人,别人释放的情绪我能敏锐感受到,但做不出恰当并让人赞赏的反应,我自己归纳总结主要有以下几个原因...
    originalme22阅读 689评论 0 0
  • 好久没写点什么了 因为也没什么可写的了 不去想那些破事 心如死灰
    拾与叁阅读 121评论 0 0
  • 其实我是个拖延非常严重的人,我这个拖延也不是一天两天形成的,而是长年累月的积累。要一下子改好,真的是不大可能。 从...
    微光Try阅读 148评论 0 2