Create curve layout to use bottom sheet android
up vote
1
down vote
favorite
I am using bottomsheet in my application .I want to create my sheet like this image:
how can i create curve layout? I want when clicking on green circle, bottom sheet open .
I have created this shape :
<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
<item>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="oval">
<solid android:color="#4f5551" />
<size
android:width="100dp"
android:height="50dp" />
</shape>
</item>
<item
android:bottom="-100dp"
android:left="-2000dp"
android:right="-1300dp"
android:top="48dp">
<shape xmlns:android="http://schemas.android.com/apk/res/android">
<solid android:color="#4f5551" />
<size
android:width="100dp"
android:height="500dp" />
</shape>
</item>
</layer-list>
It does not look like at all :-(
************************* Edit **************
After googling i found this link : instead of BottomNavigationView
i extended of RelativeLayout
and this is my layout:
<com.example.saidi.custombottobar.view.ButtomSheetCustom
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="200dp"
android:layout_marginTop="200dp"
android:background="@color/colorAccent"
tools:context=".view.MainActivity">
How can i rotate those curve to the top of layout instead of inner curve?
android android-custom-view
add a comment |
up vote
1
down vote
favorite
I am using bottomsheet in my application .I want to create my sheet like this image:
how can i create curve layout? I want when clicking on green circle, bottom sheet open .
I have created this shape :
<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
<item>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="oval">
<solid android:color="#4f5551" />
<size
android:width="100dp"
android:height="50dp" />
</shape>
</item>
<item
android:bottom="-100dp"
android:left="-2000dp"
android:right="-1300dp"
android:top="48dp">
<shape xmlns:android="http://schemas.android.com/apk/res/android">
<solid android:color="#4f5551" />
<size
android:width="100dp"
android:height="500dp" />
</shape>
</item>
</layer-list>
It does not look like at all :-(
************************* Edit **************
After googling i found this link : instead of BottomNavigationView
i extended of RelativeLayout
and this is my layout:
<com.example.saidi.custombottobar.view.ButtomSheetCustom
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="200dp"
android:layout_marginTop="200dp"
android:background="@color/colorAccent"
tools:context=".view.MainActivity">
How can i rotate those curve to the top of layout instead of inner curve?
android android-custom-view
add a comment |
up vote
1
down vote
favorite
up vote
1
down vote
favorite
I am using bottomsheet in my application .I want to create my sheet like this image:
how can i create curve layout? I want when clicking on green circle, bottom sheet open .
I have created this shape :
<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
<item>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="oval">
<solid android:color="#4f5551" />
<size
android:width="100dp"
android:height="50dp" />
</shape>
</item>
<item
android:bottom="-100dp"
android:left="-2000dp"
android:right="-1300dp"
android:top="48dp">
<shape xmlns:android="http://schemas.android.com/apk/res/android">
<solid android:color="#4f5551" />
<size
android:width="100dp"
android:height="500dp" />
</shape>
</item>
</layer-list>
It does not look like at all :-(
************************* Edit **************
After googling i found this link : instead of BottomNavigationView
i extended of RelativeLayout
and this is my layout:
<com.example.saidi.custombottobar.view.ButtomSheetCustom
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="200dp"
android:layout_marginTop="200dp"
android:background="@color/colorAccent"
tools:context=".view.MainActivity">
How can i rotate those curve to the top of layout instead of inner curve?
android android-custom-view
I am using bottomsheet in my application .I want to create my sheet like this image:
how can i create curve layout? I want when clicking on green circle, bottom sheet open .
I have created this shape :
<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
<item>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="oval">
<solid android:color="#4f5551" />
<size
android:width="100dp"
android:height="50dp" />
</shape>
</item>
<item
android:bottom="-100dp"
android:left="-2000dp"
android:right="-1300dp"
android:top="48dp">
<shape xmlns:android="http://schemas.android.com/apk/res/android">
<solid android:color="#4f5551" />
<size
android:width="100dp"
android:height="500dp" />
</shape>
</item>
</layer-list>
It does not look like at all :-(
************************* Edit **************
After googling i found this link : instead of BottomNavigationView
i extended of RelativeLayout
and this is my layout:
<com.example.saidi.custombottobar.view.ButtomSheetCustom
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="200dp"
android:layout_marginTop="200dp"
android:background="@color/colorAccent"
tools:context=".view.MainActivity">
How can i rotate those curve to the top of layout instead of inner curve?
android android-custom-view
android android-custom-view
edited Nov 11 at 16:40
asked Nov 11 at 6:58
sayres kabir
418212
418212
add a comment |
add a comment |
active
oldest
votes
active
oldest
votes
active
oldest
votes
active
oldest
votes
active
oldest
votes
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53246536%2fcreate-curve-layout-to-use-bottom-sheet-android%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown