Android Studio 制作 .9.png 并使用

时间:2024-04-08 14:31:28

昨晚来了一场沙尘暴 ,然后下了一会雨 。今天早上在路上看到所有的车辆上面都是密密麻麻的泥水干后的样子 。

 

我们的 UI 妹子设计图 ,总是带阴影 ,搞得我都有阴影了 。在这里不讨论阴影可以用代码实现吗 ?可以的 。但是我用的是图片 。

 

看效果图 

Android Studio 制作 .9.png 并使用

 

标题最多可以展示两行 ,所以高度是会变得 。在次不考虑别的实现方式 ,我就想让他给我自己拉伸 ,而且不变形 。

 

生成 .9.png 图片

1. 选中图片 右键 点击 Create 9 - Patch file 

Android Studio 制作 .9.png 并使用

会出现文件夹 

Android Studio 制作 .9.png 并使用

保存到 drawable 文件夹里面 。

 

2. 指定拉伸的方向 

Android Studio 制作 .9.png 并使用

上图是生成 .9.png 图片的最初模样 。(可以看到图片的四个角 ,有灰色的线条 ,这是用来确定拉伸的区域)

 

左方的黑线 ,指的是垂直方向的拉伸区域。垂直方向拉伸图片时,只有黑线区域内的图像会被拉伸,黑线两边的图像保持原状,这保证了上下两边的边框厚度不变。

上方的黑线 ,指的是水平方向的拉伸区域。水平方向拉伸图片时,只有黑线区域内的图像会被拉伸,黑线两边的图像保持原状,这保证了左右两边的边框厚度不变。

右方的黑线 ,指的是该图片作为控件背景时,控件内部的文字上下边界只能放在黑线区域内。

下方的黑线 ,指的是该图片作为控件背景时,控件内部的文字左右边界只能放在黑线区域内 。

3. 设定拉伸之后的图片

Android Studio 制作 .9.png 并使用

用图片打开来看 。

Android Studio 制作 .9.png 并使用

 

之前是四边都应该有黑线 ,现在好像是三边也可以 。