优雅的解决背景图片的拉伸

给view用shape或者layerlist层叠背景时，经常遇到背景拉伸，不是预期的效果。今天发现如下方法可以很完美的解决这个问题，记录一下。

• 首先看一个被拉伸了的案例

  <layer-list xmlns:android="http://schemas.android.com/apk/res/android" >
      <item >
          <shape>
              <solid android:color="@color/split_line_color" />
          </shape>
  
      </item>
      <item android:src="@mipmap/loading_logo" android:gravity="center">
      </item>
  
  </layer-list>
  

  as预览效果如下

  
  
  

  预览效果

  这样的实现，小米、三星都没有问题，恶心的魅族有问题：

  
  
  

  被拉伸

• 解决方案

  代码如下

  <layer-list xmlns:android="http://schemas.android.com/apk/res/android" >
      <item >
          <shape>
              <solid android:color="@color/split_line_color" />
          </shape>
  
      </item>
      <item >
          <bitmap android:src="@mipmap/loading_logo" android:tileMode="disabled" android:gravity="center"></bitmap>
      </item>
      
  </layer-list>
  

  添加bitmap标签，并将tileMode 设置为disabled，不让其拉伸。
  记得还要设置gravity，否则不会有效果。

  
  
  

  效果

  参考链接