簡體   English   中英

以 Vector drawable 作為背景的手機和平板電腦的 Android 布局設計

[英]Android layout design for mobile and tablet with Vector drawable as background

有人可以建議我設計android布局以支持移動設備和平板電腦的最佳方法。 附上了 3 種不同設備(2 台平板電腦和 1 台手機)的屏幕截圖

在此處輸入圖片說明

我使用 layout-sw600dp 來支持所有平板電腦。 我希望此下的所有布局都可以加載最小寬度為 600dp(即最小邊)的平板電腦

問題:這是分離手機和平板電腦布局的正確方法嗎?

我面臨的一個問題是當涉及到平板電腦時矢量 xml 文件被拉伸(我在下面附上了矢量 xml 代碼)

<vector xmlns:android="http://schemas.android.com/apk/res/android"
  xmlns:aapt="http://schemas.android.com/aapt"
  android:width="360dp"
  android:height="640dp"
  android:viewportWidth="360"
  android:viewportHeight="640">
<path
    android:pathData="M0,0h360v640h-360z"
    android:fillColor="#fff"/>
<path
    android:pathData="M0.001,0h360v10.634l-360,207.846Z">
  <aapt:attr name="android:fillColor">
    <gradient 
        android:startY="6.1174397"
        android:startX="309.601"
        android:endY="58.989597"
        android:endX="-134.99901"
        android:type="linear">
      <item android:offset="0" android:color="#FFFFB88C"/>
      <item android:offset="1" android:color="#FFDE6262"/>
    </gradient>
  </aapt:attr>
</path>
<path
    android:pathData="M70.674,0L360,0L360,501.127Z">
  <aapt:attr name="android:fillColor">
    <gradient 
        android:startY="-30.568748"
        android:startX="197.39879"
        android:endY="501.127"
        android:endX="387.7753"
        android:type="linear">
      <item android:offset="0" android:color="#FFDE6262"/>
      <item android:offset="1" android:color="#FFFFB88C"/>
    </gradient>
  </aapt:attr>
</path>

添加 svg 圖像的矢量 xml 文件的正確方法是什么。 我是否需要這個 xml 文件的多個版本(如果是這樣,匹配不同屏幕大小的命名約定是什么)我想我以前做過這個但導致重復的 xml 錯誤(即當我將它添加到 drawable-ldpi、xhdpi 等時)

有人可以建議我在上述情況下為 android 布局提供最佳解決方案嗎

提前致謝

使用 SDP 庫這里是鏈接https://github.com/intuit/sdp您不必擔心為適合自己的不同屏幕尺寸創建不同的布局。

暫無
暫無

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

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