by 3llomi

3llomi / RecordView

A Simple Audio Recorder View with "hold to Record Button" and "Swipe to Cancel " Like WhatsApp

219 Stars 76 Forks Last release: almost 3 years ago (V1.1Beta) Apache License 2.0 36 Commits 2 Releases

Available items

No Items, yet!

The developer of this repository has not created any items for sale yet. Need a bug fixed? Help with integration? A different license? Create a request here:

Android Arsenal Download


A Simple Audio Recorder View with hold to Record Button and Swipe to Cancel


demo image


dependencies {
  implementation 'com.devlomi.record-view:record-view:2.0.1'
  //appcompat v26+ is higly recommended to support older APIs



<com.devlomi.record_view.recordview android:id="@+id/record_view" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_alignparentbottom="true" android:layout_toleftof="@id/record_button" app:slide_to_cancel_arrow="@drawable/recv_ic_arrow" app:slide_to_cancel_arrow_color="#000000" app:slide_to_cancel_bounds="8dp" app:slide_to_cancel_margin_right="10dp" app:slide_to_cancel_text="Slide To Cancel" app:counter_time_color="#ff0000"></com.devlomi.record_view.recordview>

<com.devlomi.record_view.recordbutton android:id="@+id/record_button" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignparentbottom="true" android:layout_alignparentright="true" android:background="@drawable/recv_bg_mic" android:scaletype="centerInside" app:mic_icon="@drawable/recv_ic_mic_white"></com.devlomi.record_view.recordbutton>


        RecordView recordView = (RecordView) findViewById(;
        RecordButton recordButton = (RecordButton) findViewById(;


Handling States

recordView.setOnRecordListener(new OnRecordListener() {
            public void onStart() {
                //Start Recording..
                Log.d("RecordView", "onStart");

        public void onCancel() {
            //On Swipe To Cancel
            Log.d("RecordView", "onCancel");


        public void onFinish(long recordTime) {
            //Stop Recording..
            String time = getHumanTimeText(recordTime);
            Log.d("RecordView", "onFinish");

            Log.d("RecordTime", time);

        public void onLessThanSecond() {
          //When the record time is less than One Second
            Log.d("RecordView", "onLessThanSecond");

Handle Clicks for Record Button


//ListenForRecord must be false ,otherwise onClick will not be called recordButton.setOnRecordClickListener(new OnRecordClickListener() { @Override public void onClick(View v) { Toast.makeText(MainActivity.this, "RECORD BUTTON CLICKED", Toast.LENGTH_SHORT).show(); Log.d("RecordButton","RECORD BUTTON CLICKED"); } });

Listen for Basket Animation End

   recordView.setOnBasketAnimationEndListener(new OnBasketAnimationEnd() {
            public void onAnimationEnd() {
                Log.d("RecordView", "Basket Animation Finished");

Change Swipe To Cancel Bounds (when the 'Slide To Cancel' Text View get before Counter). default is 8dp


Some Customization



    //disable Sounds

    //prevent recording under one Second (it's false by default)

    //set Custom sounds onRecord 
    //you can pass 0 if you don't want to play sound in certain state

    //change slide To Cancel Text Color
    //change slide To Cancel Arrow Color
    //change Counter Time (Chronometer) color


Looking for IOS Version?

try out iRecordView

   Copyright 2018 AbdulAlim Rajjoub

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

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.

We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.