美文网首页
Android 点九图片制作步骤

Android 点九图片制作步骤

作者: MrHuangj | 来源:发表于2019-06-01 08:53 被阅读0次

点九点图的制作和使用:

        首先看一下点九图片和非点九图片的效果:

            非.9拉伸之后的样子

            .9拉升之后的样子

                使用.9图片后,整个图片应该是包裹着你想要显示的内容的,而没有使用的话整个控件布局看起来特别糟糕

.9的制作:

    Android studio本身就带了.9的制作,首先将一个你要制作的点9图片放到Drawable文件下,在右击此图片,

点击后就创建成功了,

在这里注意:一定要将原图删除,否则你制作好后,会没有效果,自己个人感觉因该是他默认使用的原图

看这个四个边的黑线黑边的意义,每条黑边的意义都不一样:

        底部:在水平拉伸的时候,指定图片里的内容显示的区域

        右边:在竖直拉伸的时候,指定图片里的内容显示的区域

顶部:在水平拉伸的时候,保持其他位置不动,只在这个点的区域做无限的延伸

                   左边:在竖直拉伸的时候,保持其他位置不动,只在这个点的区域做无限的延伸

    双击点击.9.png,我们可以看到左边是对图片的操作界面,右边则是实时的显示界面。接下来,我们要对图片进行描边了,描边之前一定要清楚四条边的含义,上左控制拉伸位置,下右控制内容显示位置。

                 描边时,按下鼠标左键,然后放在图片边界移动就能描边了,要是想要去掉黑边,可以按下Shift键,然后点击鼠标左键。

                 我们先绘制左上两边,控制拉伸位置,如下绘制完成了之后,可以看右边的阅览图,明显比没有绘制时边角的清晰度更高。

                 绘制完了图片的拉伸区域之后,我们还需要绘制图片包裹的内容的显示区域,如果没有绘制的话,里边的内容是会从左到右依次显示,这样有时达不到我们想要的效果。

介绍一下点九图片绘图区下方的几个选框和滚动条的作用:

                 1.首先我们要把图片下方的show bad patches勾选上,此时(如果点九图片绘制有误的话)会看到图片出现

 报错的区域

                 2.说明一下:图片下方的show content如果勾选上,会看到右侧的小图中出现蓝色的区域,代表的是可以自动

 拉伸的部分。3.如果发现你的点9图片太小或者极小,可以拖动图片下方的zoom放大图片,然后就可以精确操作了。

相关文章

网友评论

      本文标题:Android 点九图片制作步骤

      本文链接:https://www.haomeiwen.com/subject/fbkotctx.html