以矢量绘图为背景的Android手机和平板电脑布局设计

有人能为我推荐一种设计android布局的最佳方法，以支持移动设备和平板电脑。 他们附上了3款不同设备（2款平板电脑和1款手机）的屏幕截图

我已经使用layout-sw600dp来支持al平板电脑。我希望所有布局都能加载最小宽度为600dp（即最小侧）的平板电脑

问：这是将手机和平板电脑的布局分开的正确方法吗

我面临的一个问题是，当涉及到平板电脑时，矢量xml文件会被拉伸（我在下面附上了矢量xml代码）

添加svg图像的矢量xml文件的正确方法是什么。我是否需要此xml文件的多个版本（如果需要，那么匹配不同屏幕大小的命名约定是什么） 我想我以前做过这个，但会导致重复的xml错误（即当我将它添加到可绘制的ldpi、xhdpi等中时）

有人能就上述情况向我推荐一个android布局的最佳解决方案吗

---

提前感谢

使用SDP库这是一个链接，您不必担心为不同的屏幕大小创建不同的布局，它会适合自己。

如何处理拉伸的矢量xml文件？我尝试了SDP，但没有按预期工作，例如，全宽文本字段在移动设备上看起来不错，但在大屏幕上看起来不好。。ie用于带有电子邮件和密码的登录页面

<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>