安卓中圆角背景图被拉伸的解决方案—

举个例子：
　　从网上找了一张图片

如果我们直接用这张蓝色的图来做登录按钮的背景。将这个图片设为背景以后

我们可以发现四个角全部变形了，一点也不美观。针对此问题，我们通过.9图来解决。

首先我们先了解一下什么是.9图，如下图：

从它的命名来看就和其他的图片不一样，当然我们千万不要以为是文件名以 .9 结尾这么简单而已，它是安卓中独有的图片类型，他可以保证我们的图片在使用的过程中自动拉伸，不失真。
概述中问题使用用点九图以后的效果是：

那么我们下面来介绍一下如何制作 .9图. 进行安卓的开发肯定离不开SDK，在SDK里有tools文件夹，里面有一个draw9patch.bat

打开以后

点击File 打开我们需要的图片

将鼠标放在白色区域，点住左键不松拖动，出现黑色的线如图：

保存之后的图片为：

当然它的文件名中也会自动以.9进行结尾。然后我们把这张图片设为背景图就不会出现边角模糊的情况，并且.9图所占的空间比原图还要小，这样还可以节省资源。

转载于:https://www.cnblogs.com/sanghg/p/4271879.html

安卓中圆角背景图被拉伸的解决方案——.9.png相关推荐

table vue 背景图片_table中background背景图片自动拉伸
解决android:background背景图片被拉伸问题 ImageView中XML属性src和background的区别: background会根据ImageView组件给定的长宽进行拉伸,而s ...
css禁止背景图拉伸_css3 background 新添属性让你的背景图不再拉伸而是随窗口变化而变化...
传统的页面制作中,当你遇到css2 的时候,如何来显示一张背景图呢?拉伸 (无节操的拉伸,容器长宽完全超出背景图的长宽) 重复展示(用无数张同样的图片来铺满容器的背景面积) x轴 /y轴重复展示(纵 ...
微信动态中的背景图更换
初衷: 图一中的红框中的部分,作为用户自定义的背景图,如果用户没有上传也会为其自动设置一张背景图,当用户点击时则会出现图二中的选项 ,点击取消则选项消失,点击从相册选择则会跳转本机的相册,选择照片后会 ...
如何在eclipse制作的APP中添加背景图
如何在eclipse制作的APP中添加背景图 1.首先把图片拉入drawable-hdpi中,a1.jpg(注:图片名不可为中文) 2.在.xml文件中加入android:background=&qu ...
vue中动态绑定背景图, 图片水平垂直居中
vue中动态绑定背景图,并且使宽高不等的图片水平垂直居中外层父元素固定宽高,让图片垂直居中的方法 <div style="width:200px;height:200px;" ...
背景图以拉伸方式（不重复）填充背景
今天要解决一个用背景图以拉伸方式(不重复)填充背景的问题. 看了<用CSS把背景图片拉伸>和<css 如何让背景图片拉伸填充避免重复显示>后用background-repeat ...
android Button背景高度被拉伸问题--解决方案
android Button背景高度被拉伸问题--解决方案参考文章: (1)android Button背景高度被拉伸问题--解决方案 (2)https://www.cnblogs.com/slys ...
安卓button设置背景图_这些安卓源码调试技巧，不懂的人月薪绝对不过 30k ！
今天我要跟你分享的是Framework的学习和调试的方法. 首先,Android是一种基于Linux的开放源代码软件栈,为广泛的设备和机型而创建.下图是Android平台的主要组件. 从图中你可以看到 ...
CSS中添加背景图+盒子边框样式
background-image背景图 *设置图片为背景.* background-image:url("图片路径"): background-size :设置背景图片的大小属性 ...
安卓button设置背景图_背景图| 人生很短不要浪费
点击篮字[妞妞的大叔]- 右上角... 立刻设我为星标/置顶 - 下次不迷路精美手机壁纸.朋友圈背景图.表情头像壁纸|头像|表情| 潮图就在"妞妞的大叔"壁纸公众号手机壁纸 ...

安卓中圆角背景图被拉伸的解决方案——.9.png

安卓中圆角背景图被拉伸的解决方案——.9.png相关推荐

最新文章

热门文章