CameraButton-RxJava2

Instagram-like button for taking photos or recording videos

License	The Apache Software License, Version 2.0
Categories	RxJava Container Microservices Reactive libraries
GroupId	com.hluhovskyi.camerabutton
ArtifactId	camerabutton-rxjava2
Last Version	2.0.1
Release Date	Apr 5, 2018
Type	aar
Description	CameraButton-RxJava2 Instagram-like button for taking photos or recording videos
Project URL	https://github.com/hluhovskyi/CameraButton
Source Code Management	https://github.com/hluhovskyi/CameraButton

Download camerabutton-rxjava2

Filename	Size
camerabutton-rxjava2-2.0.1.pom
camerabutton-rxjava2-2.0.1.aar	14 KB
camerabutton-rxjava2-2.0.1-sources.jar	13 KB
camerabutton-rxjava2-2.0.1-javadoc.jar	261 bytes

How to add to project

Apache Maven

<!-- https://jarcasting.com/artifacts/com.hluhovskyi.camerabutton/camerabutton-rxjava2/ -->
<dependency>
    <groupId>com.hluhovskyi.camerabutton</groupId>
    <artifactId>camerabutton-rxjava2</artifactId>
    <version>2.0.1</version>
    <type>aar</type>
</dependency>

Gradle Groovy

// https://jarcasting.com/artifacts/com.hluhovskyi.camerabutton/camerabutton-rxjava2/
implementation 'com.hluhovskyi.camerabutton:camerabutton-rxjava2:2.0.1'

Gradle Kotlin

// https://jarcasting.com/artifacts/com.hluhovskyi.camerabutton/camerabutton-rxjava2/
implementation ("com.hluhovskyi.camerabutton:camerabutton-rxjava2:2.0.1")

Apache Buildr

'com.hluhovskyi.camerabutton:camerabutton-rxjava2:aar:2.0.1'

Apache Ivy

<dependency org="com.hluhovskyi.camerabutton" name="camerabutton-rxjava2" rev="2.0.1">
  <artifact name="camerabutton-rxjava2" type="aar" />
</dependency>

Groovy Grape

@Grapes(
@Grab(group='com.hluhovskyi.camerabutton', module='camerabutton-rxjava2', version='2.0.1')
)

Scala SBT

libraryDependencies += "com.hluhovskyi.camerabutton" % "camerabutton-rxjava2" % "2.0.1"

Leiningen

[com.hluhovskyi.camerabutton/camerabutton-rxjava2 "2.0.1"]

Dependencies

compile (3)

Group / Artifact	Type	Version
com.hluhovskyi.camerabutton : camerabutton	jar	2.0.1
io.reactivex.rxjava2 : rxjava	jar	2.1.9
io.reactivex.rxjava2 : rxandroid	jar	2.0.1

Project Modules

There are no modules declared in this project.

CameraButton

Instagram-like button for taking photos or recording videos.

Getting started

Add library as dependency to your build.gradle.

 compile 'com.hluhovskyi.camerabutton:camerabutton:2.0.1'
 compile 'com.hluhovskyi.camerabutton:camerabutton-rxjava2:2.0.1'
 compile 'com.hluhovskyi.camerabutton:camerabutton-rxjava2-kotlin:2.0.1'

No need to include all dependencies, choose just one which covers your needs.

Please, feel free to open issues you are stuck with. PRs are also welcome :)

How to use?

1. Add CameraButton to your xml markup

    <com.hluhovskyi.camerabutton.CameraButton
        android:id="@+id/camera_button"
        android:layout_width="@dimen/cb_layout_width_default"
        android:layout_height="@dimen/cb_layout_height_default" />

2. Find view and attach needed listeners

    cameraButton.setOnTapEventListener(new CameraButton.OnTapEventListener() {
        @Override public void onTap() {
            takePhoto();
        }
    });
    cameraButton.setOnHoldEventListener(new CameraButton.OnHoldEventListener() {
        @Override public void onStart() {
            startRecordVideo();
        }
        @Override public void onFinish() {
            finishRecordVideo();
        }
        @Override public void onCancel() {
            cancelRecordVideo();
        }
    });
    cameraButton.setOnStateChangeListener(new CameraButton.OnStateChangeListener() {
        @Override public void onStateChanged(@NonNull CameraButton.State state) {
            dispatchStateChange(state);
        }
    });

3. Enjoy!

Take into account that you can get ConsistencyValidationException in case some part of the button overlaps other one or crosses view's boundaries. If you don't need "pixel-perfect" checks you can disable them by calling button.shouldCheckConsistency(false) otherwise you have to set correct sizes.

RxJava and Kotlin

For now only RxJava version 2 is supported. It is implemented according to guidelines of library.

Example of usage:

 RxCameraButton.stateChanges(button)
     .filter(state -> state == CameraButton.State.START_COLLAPSING)
     .subscribe(state -> hideButtons());
     
 RxCameraButton.tapEvents(button)
     .subscribe(event -> takePhoto());

All events have componentN function so if you are using Kotlin for development there is ability to use destruction declaration and also there are few extension methods:

 button.stateChanges()
     .filter { it == CameraButton.State.START_COLLAPSING }
     .subscribe { hideButtons() }
     
 button.stateChangeEvents()
     .filter { (view, state) -> 
         view.id == R.id.alert_button && state == CameraButton.State.PRESSED
     }
     .subscribe { showAlert() }
   
 button.tapEvents()
     .subscribe { takePhoto() }

Customization

• cb_main_circle_radius or setMainCircleRadius()

Default value - 28dp/@dimen/cb_main_circle_radius_default

• cb_main_circle_color or setMainCircleColor()

Default value - #ffffff/@color/cb_main_circle_color_default

• cb_stroke_width or setStrokeWidth()

Default value - 12dp/@dimen/cb_stroke_width_default

• cb_stroke_color or setStrokeColor()

Default value - #66FFFFFF/@color/cb_stroke_color_default

• cb_main_circle_radius_expanded or setMainCircleRadiusExpanded()

Default value - 24dp/@dimen/cb_main_circle_radius_expanded_default

• Expanded stroke width can't be set explicitly. It is calculated by following formula:

stroke_width_expanded = min(layout_width, layout_height) - main_circle_expanded

• cb_progress_arc_width or setProgressArcWidth()

Default value - 4dp/@dimen/cb_progress_arc_width_default

• cb_progress_arc_colors or setProgressArcColors()

Default values - [#feda75, #fa7e1e, #d62976, #962fbf, #4f5bd5]/@array/cb_progress_arc_colors_default

To set values via xml you have to define all colors separately and merge their references into one array:

 <color name="my_color_1">#000000</color>
 <color name="my_color_2">#ffffff</color>

 <array name="my_progress_colors">
     <item>@color/my_color_1</item>
     <item>@color/my_color_2</item>
 </array>
 
 ...
 
 <com.hluhovskyi.camerabutton.CameraButton
     ...
     app:cb_progress_arc_colors="@color/my_progress_colors"/>  

To set values programmatically you have to call setProgressArcColors with array of color values:

 button.setProgressArcColors(new int[]{Color.BLACK, Color.WHITE});

License

Copyright (C) 2018 Artem Hluhovskyi

Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at

    http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.

Versions

Version
2.0.1 Apr 5, 2018
2.0.0 Apr 2, 2018