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

  • Austin Evans

    Austin Evans

    5 AĞUSTOS 2007
  • case LianLi

    case LianLi

    28 Mayıs 2010
  • steeletraining

    steeletraini

    28 NİSAN 2010