Android Wear CardFrame not adapting to shape of screen -


i'm using cardframe in official tutorial.

however card frame getting displayed on moto360 (round shaped display) borders @ side. displayed wrong in android studio. card used in first column of gridviewpager , cardscrollview should detect shape automatically , display cards depending on it. so, missing?

furthermore, noticed if swipe right (to dismiss view), don't release screen , swipe left... card displayed correct (without borders @ side). if scroll in gridview displayed wrong again.

<android.support.wearable.view.boxinsetlayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" android:layout_height="match_parent" android:layout_width="match_parent" android:background="@android:color/transparent">  <android.support.wearable.view.cardscrollview     android:id="@+id/card_scroll_view"     android:layout_height="match_parent"     android:layout_width="match_parent"     app:layout_box="bottom">      <android.support.wearable.view.cardframe         android:layout_height="wrap_content"         android:layout_width="fill_parent"         android:id="@+id/card"         android:layout_gravity="bottom">          <linearlayout             android:layout_height="wrap_content"             android:layout_width="match_parent"             android:orientation="vertical">             <textview                 android:id="@+id/title"                 android:fontfamily="sans-serif-light"                 android:layout_height="wrap_content"                 android:layout_width="match_parent"                 android:textcolor="@color/grey"                 android:textsize="18sp"                 android:singleline="true"                 android:ellipsize="end"/>             <textview                 android:id="@+id/fecha"                 android:fontfamily="sans-serif-light"                 android:layout_height="wrap_content"                 android:layout_width="match_parent"                 android:textcolor="@color/black"                 android:textsize="16sp"                 android:maxlines="2"                 android:ellipsize="end"/>             <textview                 android:id="@+id/distancia"                 android:fontfamily="sans-serif-light"                 android:layout_height="wrap_content"                 android:layout_width="match_parent"                 android:textcolor="@color/grey"                 android:textsize="14sp"/>         </linearlayout>     </android.support.wearable.view.cardframe> </android.support.wearable.view.cardscrollview> 

edit1: created repository small example: https://github.com/meinlieberscholli/cardframebug , here screenshot: http://i.stack.imgur.com/udpxj.png

i tried this: created simple gridviewpager 2 columns , put cardframe in each column, using exact layout , worked fine on both square , round watches, , without chin (and inside emulator well), there no "border" , looks expected, regardless of swiping or not. may need view pager setup or that. here screenshot emulator:

enter image description here


Comments