title: Exoplayer ui split the screen and add double tap to go forward/backward circular effect
body: <p>I have to reproduce the following circular effect on the exoplayer.</p>
  
  <p><img src="https://i.imgur.com/Il0RetW.png" alt="a busy cat"></p>
  
  <p>I added two views, exo_rew and exo_ffwd.</p>
  
  <p>Which automatically do go back or forward by standard setting.</p>
  
  <p>This is the code I've written so far:</p>
  
  <pre><code>&lt;RelativeLayout
      xmlns:android="http://schemas.android.com/apk/res/android"
      xmlns:tools="http://schemas.android.com/tools"
      android:layout_width="match_parent"
      android:layout_height="fill_parent"
      xmlns:app="http://schemas.android.com/apk/res-auto"&gt;
  
      &lt;LinearLayout
          android:id="@+id/exo_rew"
          android:layout_width="match_parent"
          android:layout_height="match_parent"
          android:weightSum="1"
          android:gravity="center"
          android:clickable="true"
          android:focusable="true"
          android:background="#00000000"
          android:foreground="?attr/selectableItemBackground"
          tools:ignore="Orientation" /&gt;
  
      &lt;LinearLayout
          android:id="@+id/exo_ffwd"
          android:layout_width="match_parent"
          android:layout_height="match_parent"
          android:weightSum="1"
          android:layout_alignParentLeft="false"
          android:layout_alignParentRight="true"
          android:gravity="center"
          android:clickable="true"
          android:focusable="true"
          android:background="#00000000"
          android:foreground="?attr/selectableItemBackground"
          tools:ignore="Orientation" /&gt;
  
      &lt;LinearLayout
          android:id="@+id/play_pause_layout"
          android:layout_width="match_parent"
          android:layout_height="match_parent"
          android:background="#15ffffff"
          android:gravity="center"
          &gt;
  
          &lt;ImageButton
              android:id="@id/exo_play"
              style="@style/ExoMediaButton.Play"
              /&gt;
  
          &lt;ImageButton
              android:id="@id/exo_pause"
              style="@style/ExoMediaButton.Pause"
              /&gt;
  
      &lt;/LinearLayout&gt;
  
      &lt;LinearLayout
          android:layout_width="match_parent"
          android:layout_height="wrap_content"
          android:layout_alignParentBottom="true"
          android:layout_alignWithParentIfMissing="false"
          android:layout_centerHorizontal="false"
          android:layout_centerVertical="false"
          android:gravity="center_vertical"
          &gt;
  
          &lt;TextView
              android:id="@id/exo_position"
              android:layout_width="wrap_content"
              android:layout_height="wrap_content"
              android:includeFontPadding="false"
              android:paddingLeft="4dp"
              android:paddingRight="4dp"
              android:text="00:00"
              android:textColor="#FFBEBEBE"
              android:textSize="14sp"
              android:textStyle="bold"
              /&gt;
  
          &lt;com.google.android.exoplayer2.ui.DefaultTimeBar
              android:id="@id/exo_progress"
              android:layout_width="0dp"
              android:layout_height="26dp"
              android:layout_weight="1"
              app:played_color="#4589f2"
              /&gt;
  
          &lt;TextView
              android:id="@id/exo_duration"
              android:layout_width="wrap_content"
              android:layout_height="wrap_content"
              android:includeFontPadding="false"
              android:paddingLeft="4dp"
              android:paddingRight="4dp"
              android:text="2:00:00"
              android:textColor="#FFBEBEBE"
              android:textSize="14sp"
              android:textStyle="bold"
              /&gt;
  
      &lt;/LinearLayout&gt;
  
  &lt;/RelativeLayout&gt;
  </code></pre>
  
  <p>There are two problems that I could not solve:</p>
  
  <p>1) That each view takes half of the screen, exo_rew on the left and exo_ffwd on the right.</p>
  
  <p>I could not find a way to specify in xml a layout_width equal to match_parent/2.
  Is there a way?</p>
  
  <p>I tried with weightSum at 1, but it does not seem to work.</p>
  
  <p>2) Create the circular effect as in the image.</p>
  
  <p>the doubts are better to use a canvas creating a circle or a "circle reveal" effect.</p>
  
  <p>Can someone give me a hand?</p>