簡體   English   中英

如何制作與屏幕成比例的浮動操作按鈕?

[英]How can I make a floating action button which is proportional to the screen?

我想制作一個在較大屏幕上觀看時會增大大小的FAB。 可能嗎? 如果是這樣,我可以添加什么到正常的FAB代碼中。

編輯:-各位,我的意思是我不希望在5英寸和10英寸的屏幕上使用相同的尺寸。 我希望FAB根據屏幕大小自動更改其大小。

謝謝。

您可以通過將以下內容添加到values / dimens.xml中來覆蓋普通尺寸和迷你尺寸:

  <!-- Overriding sizes of the FAB -->
  <dimen name="design_fab_size_normal">90dp</dimen>
  <dimen name="design_fab_size_mini">30dp</dimen>

棘手的事情是,如果您需要兩個以上的晶圓廠尺寸,那么在這種情況下,我想您需要創建一個擴展晶圓廠的自定義視圖。

您必須為不同的屏幕創建不同的值文件夾。 喜歡:

values-sw720dp          10.1” tablet 1280x800 mdpi

values-sw600dp          7.0”  tablet 1024x600 mdpi

values-sw480dp          5.4”  480x854 mdpi 
values-sw480dp          5.1”  480x800 mdpi 

values-xxhdpi           5.5"  1080x1920 xxhdpi
values-xxhdpi           5.5"  1440x2560 xxhdpi

values-xhdpi            4.7”   1280x720 xhdpi 
values-xhdpi            4.65”  720x1280 xhdpi 

values-hdpi             4.0” 480x800 hdpi
values-hdpi             3.7” 480x854 hdpi

values-mdpi             3.2” 320x480 mdpi

values-ldpi             3.4” 240x432 ldpi
values-ldpi             3.3” 240x400 ldpi
values-ldpi             2.7” 240x320 ldpi


這就是它的樣子

還有另一個技巧可以完成此任務,
選擇LinearLayout並將android:layout_weight="n"用於不同的視圖,以自動增加其大小。

該答案由-@ Javier Mendonca,@ IntelliJ Amiya和Me給出

從文檔:

浮動操作按鈕有兩種尺寸:默認和迷你。 大小可以通過fabSize屬性控制。

當然,這與您提供給fab ImageView支持本身的圖像資產的尺寸無關。

如果您使用默認的“浮動操作按鈕”圖像,則其大小將在多個屏幕分辨率下顯示一致,因為其資產由設計支持庫管理。 如果您為浮動操作按鈕提供了自定義圖片,請確保提供必要的資產尺寸。

有關更多信息,請參見: https : //developer.android.com/reference/android/support/design/widget/FloatingActionButton.html#attr_android.support.design : fabSize

嘗試這個希望對您有所幫助:

         <android.support.design.widget.FloatingActionButton
            android:id="@+id/floating_button"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="bottom|end"
            android:layout_margin="@dimen/fab_margin" //16dp
            android:background="?attr/colorPrimary"
            android:src="@drawable/ic_arrow_forward_white_24dp" />

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM