warp a view in android

Question

i want to warp views in android ,

for example need to create wave on top of screen and any time can convert it to straight line

or

use a button in bottom navigation bar which create a wave on bottom navigation

please visit screenshots:

need to create wave on top of screen and any time can convert it to straight line means? — Adil, Jun 11 '18 at 06:47
when you click it shows in wave and then after noraml view like other menu? — Adil, Jun 11 '18 at 06:48
https://stackoverflow.com/questions/40008609/add-ripple-effect-to-my-button-with-button-background-color — Adil, Jun 11 '18 at 06:49
@AD10 please visit screenshots, on scroll convert to a straight line — Bahadori, Jun 11 '18 at 06:50
you can use shape drawable https://android.jlelse.eu/android-shape-drawables-tutorial-17fbece6fef5 — Amir Hossein Mirzaei, Jun 11 '18 at 06:53
@AmirHosseinMirzaei agha salam, shape haye sade nemikham, fekr mikonam yechi to mayehaye canvas html bashe :D :| — Bahadori, Jun 11 '18 at 06:56
@Bahadori salam ehtemalan bayad khodeton custom view besazi va to onDraw nahve keshide shodan view ro moshakhas koni — Amir Hossein Mirzaei, Jun 11 '18 at 07:11
@AmirHosseinMirzaei chetor mishe onjor custom view ei sakht? — Bahadori, Jun 11 '18 at 07:18
@Bahadori dar had mobtadi mitoni tutorial hayi ke hasto bebini bad say koni bar asas ona chizi ke khodet mikhayo piyade koni — Amir Hossein Mirzaei, Jun 11 '18 at 07:29

Pragnesh Ghoda シ · Answer 1 · 2018-06-11T10:58:09.710

This is new Design as per material IO. It is introduced in material design 2. You need to add anchor for using that type of view.

There are some changes which need to be noted.

This is AppBar which is placed at bottom not BottomNavigatioView.
It can be used for multi-purpose, so chose your use wisely.
You can modify design as your need.

Following code can be used to achieve that functionality.

<android.support.design.widget.CoordinatorLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

  <!-- Other components and views -->

  <com.google.android.material.bottomappbar.BottomAppBar
      android:id="@+id/bar"
      android:layout_width="match_parent"
      android:layout_height="wrap_content"
      android:layout_gravity="bottom"
      app:navigationIcon="@drawable/ic_menu_24"/>

  <com.google.android.material.floatingactionbutton.FloatingActionButton
      android:id="@+id/fab"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      app:layout_anchor="@id/bar"/>

</android.support.design.widget.CoordinatorLayout>

The FloatingActionButton can be anchored to the BottomAppBar by setting app:layout_anchor or by calling CoordinatorLayout.LayoutParams#setAnchorId(int).

Note: This things are introduced in Android P versions, you need to have Android studio 3.2 or above.

Checkout this link for detailed explanation :

Implementing BottomAppBar: Material Components for Android

warp a view in android

1 Answers1