Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

The progress circle is getting cut-off/clipped. It's never a smooth circle for me. #44

Open
epiphany27 opened this issue Aug 7, 2017 · 4 comments

Comments

@epiphany27
Copy link

fab-ss1
fab-ss2

Please let me know what am I doing wrong. I am trying below sample example. I do not have coordinator layout in my case, which I think should not be an issue.

<com.github.jorgecastilloprz.FABProgressCircle
            android:id="@+id/fabProgressCircle"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_below="@id/address_autocomplete_text_inp_layout"
            android:layout_centerHorizontal="true"
            android:layout_marginTop="40dp"
            app:arcWidth="7dp">

            <!-- You can change it with the fab from the library you want to use -->
            <android.support.design.widget.FloatingActionButton
                android:id="@+id/fab"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:src="@drawable/ic_arrow_forward_white_24dp"
                app:borderWidth="0dp"/>

        </com.github.jorgecastilloprz.FABProgressCircle>
@crearo
Copy link

crearo commented Sep 7, 2017

Use android:clipToPadding="false". That should solve it for you.

@afedorychak
Copy link

afedorychak commented Oct 3, 2017

This is indeed a bug in the library, it sets dimensions for the arc view based on hard coded expected fab size + single arc width. It should be using double arc width instead. Setting clipToPadding to false will help but only if you actually give FABProgressCircle some padding, otherwise it will still be clipped by FABProgressCircle's parent.

@hablema
Copy link

hablema commented May 25, 2018

Had the same issue. android:clipToPadding="false" didn't solve it for me. Setting app:useCompatPadding="true" for the FloatingActionButton solved it for me.

@LucasBourgeois
Copy link

set a value to the layout-width and layout-height of the <com.github.jorgecastilloprz.FABProgressCircle /> tag
Then you can increase the arc-width to make it more visible.
like :

android:layout_width="75dp" android:layout_height="75dp"

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

5 participants