SORU
16 Kasım 2014, Pazar


Nasıl yüzen bir eylem düğmesi (FAB) android, AppCompat v21 oluşturmak için?

Kayan bir eylem düğmesi (bir liste görünümü öğesi), google Takvim oluşturmak için, önceden lolipop Android sürümleri (5.0 önce) ile uyumluluğu korumak istiyorum.

Bu düzeni ben yarattım:

Etkinliği main_activity.xml:

<LinearLayout ... >

     <include
         layout="@layout/toolbar"/>

     <RelativeLayout ... >

     <!-- My rest of the layout -->

          <!-- Floating action button -->
          <ImageButton style="@style/AppTheme"
                     android:layout_width="60dp"
                     android:layout_height="60dp"
                     android:text="New Button"
                     android:id="@ id/button"
                     android:src="@drawable/ic_fab"
                     android:background="@drawable/fab"
                     android:layout_alignParentBottom="true"
                     android:layout_alignParentRight="true"
                     android:layout_marginBottom="24dp"
                     android:layout_marginRight="24dp"/>

     </RelativeLayout>

 </LinearLayout>

Drawable fab.xml:

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
       android:shape="oval">
    <solid android:color="#ffa48bc0"/>
</shape>

Stil styles.xml

<resources>
    <style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
        <item name="colorPrimary">#ff1d79b1</item>
        <item name="colorPrimaryDark">#ff084d95</item>
    </style>
</resources>

Sonuç benzer, ancak gölgelendirme, malzeme tasarım bir özelliği yok:

Takvim kayan eylem düğmesi:

Calendar's floating action button

Benim app yüzen eylem düğmesi:

My app's floating action button

Nasıl benim düğme gölgelendirme ekleyebilir miyim?

Zaten öznitelik yükseklik kullandım, ama çalışmıyor

CEVAP
16 HAZİRAN 2015, Salı


Artık kendi FAB oluşturma ya da üçüncü parti bir kütüphane kullanmak için bir ihtiyaç vardır, AppCompat 22 dahil oldu.

https://developer.android.com/reference/android/support/design/widget/FloatingActionButton.html

Sadece yeni bir destek kitaplığı-gradle dosyası olarak tasarım denilen ekleyin:

compile 'com.android.support:design:22.2.0'

...ve gitmek iyidir:

<android.support.design.widget.FloatingActionButton
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="bottom"
        android:layout_margin="16dp"
        android:clickable="true"
        android:src="@drawable/ic_happy_image" />

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • ASUS North America

    ASUS North A

    12 AĞUSTOS 2008
  • expertvillage

    expertvillag

    5 NİSAN 2006
  • John Lynn

    John Lynn

    8 Ocak 2010