天天看點

Android 制作.9.png圖檔之利用Android studio前言制作

Android 制作.9.png圖檔之利用Android studio

  • 前言
  • 制作

前言

相關:Android 制作.9.png圖檔之利用Android 9-patch shadow generator

有時候UI給了切圖,但是并不能直接使用,要轉換成.9.png圖才能使用。

舉例:一個右上角彈窗

Android 制作.9.png圖檔之利用Android studio前言制作

UI提供了設計切圖:

Android 制作.9.png圖檔之利用Android studio前言制作

但是,這圖普通的圖,在我們的清單選項數量以及每項寬高不确定的時候直接使用這個當背景圖會拉伸

是以需要制作.9.png圖來滿足需要。

制作

打開Android studio,打開你的項目

把你的普通png圖放進 res 檔案夾的 drawable 檔案夾裡

右鍵檔案名

Android 制作.9.png圖檔之利用Android studio前言制作

點選 Create 9-Parch file

就會在 res 檔案夾的 drawable 檔案夾裡生成同名的字尾為.9.png的檔案

删除普通png字尾的檔案

輕按兩下字尾為.9.png的檔案

打開編輯頁面

Android 制作.9.png圖檔之利用Android studio前言制作

這時候能看到圖檔四邊有四條黑邊。

  • 左側黑邊-----控制可拉伸變形的高度範圍
  • 頂部黑邊-----控制可拉伸變形的寬度範圍
  • 右邊黑邊-----控制内容可填充的高度範圍
  • 底部黑邊-----控制内容可填充的寬度範圍

設定好以後,就能直接當作普通圖檔使用了。完事