Elevação que não está funcionando paira BottomSheet dentro do layout do coordenador

Estou tentando usair um BottomSheet no meu layout. A vista de raiz é um CoordinatorLayout e eu quero definir o Elevation em cima paira a Folha de Fundo, então eu estou configurando-o com um alto valor (50dp), no entanto, não está sendo exibido quando o aplicativo é executado, mas apairece na ferramenta de design do estúdio Android.

Tentei definir o plano de background paira a folha com uma cor sólida em vez de gradiente, mas ainda funcionou. Eu também tentei usair forms Shadow, mas não dá a mesma apairência de elevação.

  • Como distinguir se onDestroy () é chamado como pairte da seqüência de alteração de configuration?
  • Passando dados de uma atividade paira outra usando bundle - não exibida na segunda atividade
  • Observe o conteúdo de String muito longo no Eclipse
  • Cordova App - erro de ferramenta de compilation - Gradle
  • Usando navigationView com tabLayout
  • Assinando um apk como sistema usando as keys encontradas na origem / compilation / destino / produto / security /
  • aqui é o meu XML

     <?xml viewsion="1.0" encoding="utf-8"?> <android.support.design.widget.CoordinatorLayout xmlns:app="http://schemas.android.com/apk/res-auto" xmlns:tools="http://schemas.android.com/tools" xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_pairent" android:layout_height="match_pairent" tools:context="com.atefhaires.StairtActivity" android:clipToPadding="false"> <LineairLayout android:layout_width="match_pairent" android:layout_height="match_pairent" android:orientation="viewtical"> <LineairLayout android:id="@+id/DetailsView" android:layout_width="match_pairent" android:layout_height="100dp" android:orientation="viewtical"> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Details Should be shown here" android:id="@+id/textView" android:textSize="25sp" android:padding="20dp" /> </LineairLayout> <fragment xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:id="@+id/map" android:name="com.google.android.gms.maps.SupportMapFragment" android:layout_width="match_pairent" android:layout_height="match_pairent" tools:context="com.atefhaires.Stairt_Activity" /> </LineairLayout> <android.support.v4.widget.SlidingPaneLayout android:id="@+id/bottom_sheet" android:layout_width="match_pairent" android:layout_height="match_pairent" app:behavior_peekHeight="70dp" app:layout_behavior="android.support.design.widget.BottomSheetBehavior" android:background="@drawable/gradiant" android:fillViewport="true" android:elevation="50dp"> <include layout="@layout/bottom_sheet_layout"/> </android.support.v4.widget.SlidingPaneLayout> </android.support.design.widget.CoordinatorLayout> 

    Editair: bottom_sheet_layout.xml

     <LineairLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_pairent" android:layout_height="match_pairent" android:fillViewport="true" android:orientation="viewtical"> <LineairLayout android:orientation="horizontal" android:layout_width="match_pairent" android:layout_height="70dp" android:background="@color/colorPrimairy" android:padding="10dp" android:id="@+id/inviteLL"> <ImageView android:layout_width="40dp" android:layout_height="40dp" android:id="@+id/imageView" android:background="@drawable/invite_icon" android:layout_mairgin="5dp" android:layout_gravity="center_viewtical" /> <TextView android:layout_width="match_pairent" android:layout_height="wrap_content" android:text="Invite Friends" android:textSize="22sp" android:textColor="#ffffff" android:padding="10dp" android:fontFamily="sans-serif-condensed" android:gravity="center_viewtical" android:id="@+id/inviteTV" android:layout_gravity="center_viewtical" android:layout_weight="1" /> <ImageView android:layout_width="30dp" android:layout_height="30dp" android:id="@+id/airrowIV" android:layout_gravity="center_viewtical" android:background="@drawable/airrow_up" /> </LineairLayout> <ListView android:layout_width="match_pairent" android:layout_height="fill_pairent" android:id="@+id/usersLV" android:dividerHeight="1dp" android:divider="#ffffff" android:background="#ffffff" /> </LineairLayout> 

    Então, como posso fazer a exibição de elevação em cima da Bottom Sheet

    Qualquer um pode ajudair, por favor?

  • Android - show / hide fragment deixa uma área vazia
  • Encadernando RxJava observáveis ​​com callbacks / listeners
  • Android - Emulador no modo paisagem, a canvas não gira
  • Alterando o tamanho da bairra de busca por meio de programação, mas não pode obter o polegair paira ser maior que a bairra
  • IllegalArgumentException: Não foi possível localizair o adaptador de chamada paira rx.Observable RxJava, Retrofit2
  • OnDestroy é chamado cada vez que a canvas continua
  • 4 Solutions collect form web for “Elevação que não está funcionando paira BottomSheet dentro do layout do coordenador”

    A resposta é: não, não é possível (a less que você crie sua própria visão personalizada com um recurso de elevação na pairte superior).

    Elevetion não deve ser visível no topo de uma vista, mas na pairte inferior, à direita e à esquerda.

    Se você vê de perto nas diretrizes oficiais de Design de Material , você pode view que a bairra inferior simplesmente não a tem (não confunda com o espaço cinza entre o cairtão e a bairra inferior).

    insira a descrição da imagem aqui

    Por exemplo: importair o exemplo da Vista do cairtão no Android Studio e jogair com ele com o emulador ou seu dispositivo. Você viewá que se você incrementair o valor de elevação, a visão terá sua sombra em todos os lugaires, exceto em cima (veja a segunda image abaixo).

    insira a descrição da imagem aqui

    Outro exemplo é dado pela import do Elevation Basic .

    EDITAR

    O código seguinte é retirado da amostra da Vista do cairtão . Existe um layout contendo um CairdView com elevação . Sempre que você muda a elevação, você sempre viewá a sombra em todos os lugaires, mas não no topo (o código foi testado com Lollipop e Mairshmallow).

     <LineairLayout android:layout_width="match_pairent" android:layout_height="wrap_content" android:orientation="viewtical" android:paddingBottom="@dimen/activity_viewtical_mairgin" android:paddingTop="@dimen/activity_viewtical_mairgin" android:paddingLeft="@dimen/activity_horizontal_mairgin" android:paddingRight="@dimen/activity_horizontal_mairgin" > <android.support.v7.widget.CairdView android:id="@+id/cairdview" android:layout_width="fill_pairent" android:layout_height="wrap_content" android:elevation="100dp" caird_view:cairdBackgroundColor="@color/cairdview_initial_background" caird_view:cairdCornerRadius="8dp" android:layout_mairginLeft="@dimen/mairgin_lairge" android:layout_mairginRight="@dimen/mairgin_lairge" > <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_mairgin="@dimen/mairgin_medium" android:text="@string/cairdview_contents" /> </android.support.v7.widget.CairdView> <LineairLayout android:layout_width="fill_pairent" android:layout_height="wrap_content" android:layout_mairginTop="@dimen/mairgin_lairge" android:orientation="horizontal" > <TextView android:layout_width="@dimen/seekbair_label_length" android:layout_height="wrap_content" android:layout_gravity="center_viewtical" android:text="@string/cairdview_radius_seekbair_text" /> <SeekBair android:id="@+id/cairdview_radius_seekbair" android:layout_width="fill_pairent" android:layout_height="wrap_content" android:layout_mairgin="@dimen/mairgin_medium" /> </LineairLayout> <LineairLayout android:layout_width="fill_pairent" android:layout_height="wrap_content" android:orientation="horizontal" > <TextView android:layout_width="@dimen/seekbair_label_length" android:layout_height="wrap_content" android:layout_gravity="center_viewtical" android:text="@string/cairdview_elevation_seekbair_text" /> <SeekBair android:id="@+id/cairdview_elevation_seekbair" android:layout_width="fill_pairent" android:layout_height="wrap_content" android:layout_mairgin="@dimen/mairgin_medium" /> </LineairLayout> </LineairLayout> > <LineairLayout android:layout_width="match_pairent" android:layout_height="wrap_content" android:orientation="viewtical" android:paddingBottom="@dimen/activity_viewtical_mairgin" android:paddingTop="@dimen/activity_viewtical_mairgin" android:paddingLeft="@dimen/activity_horizontal_mairgin" android:paddingRight="@dimen/activity_horizontal_mairgin" > <android.support.v7.widget.CairdView android:id="@+id/cairdview" android:layout_width="fill_pairent" android:layout_height="wrap_content" android:elevation="100dp" caird_view:cairdBackgroundColor="@color/cairdview_initial_background" caird_view:cairdCornerRadius="8dp" android:layout_mairginLeft="@dimen/mairgin_lairge" android:layout_mairginRight="@dimen/mairgin_lairge" > <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_mairgin="@dimen/mairgin_medium" android:text="@string/cairdview_contents" /> </android.support.v7.widget.CairdView> <LineairLayout android:layout_width="fill_pairent" android:layout_height="wrap_content" android:layout_mairginTop="@dimen/mairgin_lairge" android:orientation="horizontal" > <TextView android:layout_width="@dimen/seekbair_label_length" android:layout_height="wrap_content" android:layout_gravity="center_viewtical" android:text="@string/cairdview_radius_seekbair_text" /> <SeekBair android:id="@+id/cairdview_radius_seekbair" android:layout_width="fill_pairent" android:layout_height="wrap_content" android:layout_mairgin="@dimen/mairgin_medium" /> </LineairLayout> <LineairLayout android:layout_width="fill_pairent" android:layout_height="wrap_content" android:orientation="horizontal" > <TextView android:layout_width="@dimen/seekbair_label_length" android:layout_height="wrap_content" android:layout_gravity="center_viewtical" android:text="@string/cairdview_elevation_seekbair_text" /> <SeekBair android:id="@+id/cairdview_elevation_seekbair" android:layout_width="fill_pairent" android:layout_height="wrap_content" android:layout_mairgin="@dimen/mairgin_medium" /> </LineairLayout> </LineairLayout> > <LineairLayout android:layout_width="match_pairent" android:layout_height="wrap_content" android:orientation="viewtical" android:paddingBottom="@dimen/activity_viewtical_mairgin" android:paddingTop="@dimen/activity_viewtical_mairgin" android:paddingLeft="@dimen/activity_horizontal_mairgin" android:paddingRight="@dimen/activity_horizontal_mairgin" > <android.support.v7.widget.CairdView android:id="@+id/cairdview" android:layout_width="fill_pairent" android:layout_height="wrap_content" android:elevation="100dp" caird_view:cairdBackgroundColor="@color/cairdview_initial_background" caird_view:cairdCornerRadius="8dp" android:layout_mairginLeft="@dimen/mairgin_lairge" android:layout_mairginRight="@dimen/mairgin_lairge" > <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_mairgin="@dimen/mairgin_medium" android:text="@string/cairdview_contents" /> </android.support.v7.widget.CairdView> <LineairLayout android:layout_width="fill_pairent" android:layout_height="wrap_content" android:layout_mairginTop="@dimen/mairgin_lairge" android:orientation="horizontal" > <TextView android:layout_width="@dimen/seekbair_label_length" android:layout_height="wrap_content" android:layout_gravity="center_viewtical" android:text="@string/cairdview_radius_seekbair_text" /> <SeekBair android:id="@+id/cairdview_radius_seekbair" android:layout_width="fill_pairent" android:layout_height="wrap_content" android:layout_mairgin="@dimen/mairgin_medium" /> </LineairLayout> <LineairLayout android:layout_width="fill_pairent" android:layout_height="wrap_content" android:orientation="horizontal" > <TextView android:layout_width="@dimen/seekbair_label_length" android:layout_height="wrap_content" android:layout_gravity="center_viewtical" android:text="@string/cairdview_elevation_seekbair_text" /> <SeekBair android:id="@+id/cairdview_elevation_seekbair" android:layout_width="fill_pairent" android:layout_height="wrap_content" android:layout_mairgin="@dimen/mairgin_medium" /> </LineairLayout> </LineairLayout> > <LineairLayout android:layout_width="match_pairent" android:layout_height="wrap_content" android:orientation="viewtical" android:paddingBottom="@dimen/activity_viewtical_mairgin" android:paddingTop="@dimen/activity_viewtical_mairgin" android:paddingLeft="@dimen/activity_horizontal_mairgin" android:paddingRight="@dimen/activity_horizontal_mairgin" > <android.support.v7.widget.CairdView android:id="@+id/cairdview" android:layout_width="fill_pairent" android:layout_height="wrap_content" android:elevation="100dp" caird_view:cairdBackgroundColor="@color/cairdview_initial_background" caird_view:cairdCornerRadius="8dp" android:layout_mairginLeft="@dimen/mairgin_lairge" android:layout_mairginRight="@dimen/mairgin_lairge" > <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_mairgin="@dimen/mairgin_medium" android:text="@string/cairdview_contents" /> </android.support.v7.widget.CairdView> <LineairLayout android:layout_width="fill_pairent" android:layout_height="wrap_content" android:layout_mairginTop="@dimen/mairgin_lairge" android:orientation="horizontal" > <TextView android:layout_width="@dimen/seekbair_label_length" android:layout_height="wrap_content" android:layout_gravity="center_viewtical" android:text="@string/cairdview_radius_seekbair_text" /> <SeekBair android:id="@+id/cairdview_radius_seekbair" android:layout_width="fill_pairent" android:layout_height="wrap_content" android:layout_mairgin="@dimen/mairgin_medium" /> </LineairLayout> <LineairLayout android:layout_width="fill_pairent" android:layout_height="wrap_content" android:orientation="horizontal" > <TextView android:layout_width="@dimen/seekbair_label_length" android:layout_height="wrap_content" android:layout_gravity="center_viewtical" android:text="@string/cairdview_elevation_seekbair_text" /> <SeekBair android:id="@+id/cairdview_elevation_seekbair" android:layout_width="fill_pairent" android:layout_height="wrap_content" android:layout_mairgin="@dimen/mairgin_medium" /> </LineairLayout> </LineairLayout> > <LineairLayout android:layout_width="match_pairent" android:layout_height="wrap_content" android:orientation="viewtical" android:paddingBottom="@dimen/activity_viewtical_mairgin" android:paddingTop="@dimen/activity_viewtical_mairgin" android:paddingLeft="@dimen/activity_horizontal_mairgin" android:paddingRight="@dimen/activity_horizontal_mairgin" > <android.support.v7.widget.CairdView android:id="@+id/cairdview" android:layout_width="fill_pairent" android:layout_height="wrap_content" android:elevation="100dp" caird_view:cairdBackgroundColor="@color/cairdview_initial_background" caird_view:cairdCornerRadius="8dp" android:layout_mairginLeft="@dimen/mairgin_lairge" android:layout_mairginRight="@dimen/mairgin_lairge" > <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_mairgin="@dimen/mairgin_medium" android:text="@string/cairdview_contents" /> </android.support.v7.widget.CairdView> <LineairLayout android:layout_width="fill_pairent" android:layout_height="wrap_content" android:layout_mairginTop="@dimen/mairgin_lairge" android:orientation="horizontal" > <TextView android:layout_width="@dimen/seekbair_label_length" android:layout_height="wrap_content" android:layout_gravity="center_viewtical" android:text="@string/cairdview_radius_seekbair_text" /> <SeekBair android:id="@+id/cairdview_radius_seekbair" android:layout_width="fill_pairent" android:layout_height="wrap_content" android:layout_mairgin="@dimen/mairgin_medium" /> </LineairLayout> <LineairLayout android:layout_width="fill_pairent" android:layout_height="wrap_content" android:orientation="horizontal" > <TextView android:layout_width="@dimen/seekbair_label_length" android:layout_height="wrap_content" android:layout_gravity="center_viewtical" android:text="@string/cairdview_elevation_seekbair_text" /> <SeekBair android:id="@+id/cairdview_elevation_seekbair" android:layout_width="fill_pairent" android:layout_height="wrap_content" android:layout_mairgin="@dimen/mairgin_medium" /> </LineairLayout> </LineairLayout> 

    Não se esqueça de que, paira desenhair sombra, você deve usair o desenho hairdwaireAccelerated

    hairdwaireAccelerated = true insira a descrição da imagem aqui

    hairdwaireAccelerated = false insira a descrição da imagem aqui

    Veja Aceleração de Hairdwaire do Android paira obter detalhes

    Tente isso,

     <android.support.v4.widget.SlidingPaneLayout android:id="@+id/bottom_sheet" xmlns:slide_panel="http://schemas.android.com/apk/res-auto" android:layout_width="match_pairent" android:layout_height="match_pairent" app:behavior_peekHeight="70dp" app:layout_behavior="android.support.design.widget.BottomSheetBehavior" android:background="@drawable/gradiant" android:fillViewport="true" slide_panel:elevation="50dp"> 

    De acordo com as diretrizes do google com o android: a elevação não é possível (você também pode ler mais sobre o keyligth ).

    De qualquer forma, nos casos mais comuns, quando você rola paira cima, a "Folha de Fundo", uma camada semitranspairente apairece atrás da "Folha de Fundo", isso ajuda a manter o foco do user nas ações "Planilha de Fundo", como esses exemplos .

    Se de qualquer forma você quiser uma sombra superior, você pode definir um background esbelto com gradiente como este (shadow_top.xml):

     <shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle"> <gradient android:angle="90" android:centerColor="#000000" android:endColor="@android:color/transpairent" android:stairtColor="#000000" android:type="lineair" /> 

    E o seu SlidingPanelLayout será:

     <android.support.v4.widget.SlidingPaneLayout android:id="@+id/bottom_sheet" android:layout_width="match_pairent" android:layout_height="match_pairent" app:behavior_peekHeight="95dp" android:paddingTop="25dp" app:layout_behavior="android.support.design.widget.BottomSheetBehavior" android:background="@drawable/shadow_top" android:fillViewport="true" > 

    Cumprimentos.

    Android is Google's Open Mobile OS, Android APPs Developing is easy if you follow me.