大家都知道,android中有一种特殊的图片,后缀格式一般是.9.png 。这种图片一般都是为了适应在使用过程中可以拉伸而不失真而引入的一种图片。本文中主要介绍9图的画法以及静态用法,所谓的静态用法就是在xml布局文件中的引用,而《关于android中的.9图(二)——利用java代码引用设置.9图》我将介绍如何用java代码实现9图的使用。

1、画9图工具

android的sdk里面自带有画9图的工具,如果有配置好环境变量的童鞋可以打开运行,然后输入cmd 运行,再输入draw9patch,回车,稍等一会,就可以看到一个画板被打开:

或者是找到你的sdk所在文件夹,找到tools,双击里面的draw9patch.bat文件,即可打开如上面板。

2、找到一张范例图,做个展示,这下面的图片是我们要进行展示的,这是一个聊天的泡泡背景

a、先不画9图,直接设置到界面上去,为了让其拉伸,宽我故意设置200dip,高设置250dip,明显可以看到图片被拉伸得变了样,箭头部分都不成样了,而且文字也被放到最边上去了,啊啊啊,看不下去了

b、打开工具开始画图,下面两张图,可以看到分为左右两个面板,左边是画图区域,右边是预览区域,可以让你预览图片被拉伸后的效果,这里是重点了,请注意,如何画才是正确的呢?

  

记住两点就好(看文字+图解):

1、下边和右边是决定内容显示的范围,也就是说你的文字内容能够到达的范围,不会超出那个范围。

2、左边和上边是决定拉伸的部分,也就是说,上边你画的一个黑边和左边画的黑边部分都是可以被拉伸的,比如说上面那个黑线一下的那一条状阴影区域是可以向左右拉伸的,而左边那两部分决定了他们能够被上下拉伸,中间箭头部分没有画到,因此不会被拉伸。

现在效果图如下,可以看到,现在文字不会靠在边缘上,而且图片拉伸但不会失真,箭头也不会被拉得严重变形,可以对照上面的图片。

关于android中的.9图(一)——如何画.9图相关推荐

  1. java线程画动图闪,Android中利用画图类和线程画出闪烁的心形,android心形,package com....

    Android中利用画图类和线程画出闪烁的心形,android心形,package com.package com.tt.view;import android.content.Context;imp ...

  2. html5绘制八卦图,用cad画八卦图的方法步骤详解

    今天在家研究了很久CAD,AUTOCAD中如何制作八卦图形?其实方法很简单的.那么下面小编给大家整理了关于用cad画八卦图的方法,希望大家喜欢. 用cad画八卦图的方法步骤 1首先打开CAD,OP空格 ...

  3. python用matplotlib画人口图_Python+Matplotlib画contour图

    - 全文阅读3分钟 - 在本文中,你将学习到以下内容: 理解画contour图的数据结构 contour图的参数调节 如何添加colorbar 我们先假设x, y的取值范围如下: import mat ...

  4. python怎么做折线图_python怎么画折线图

    匿名用户 1级 2018-01-18 回答 一.环境准备 linux ubuntu 下需安装下面三个包: Numpy, Scipy,Matplotlib 分别输入下面的代码进行安装: [plain]  ...

  5. python可以画动态图吗_matplotlib 画动态图以及plt.ion()和plt.ioff()的使用详解

    学习python的道路是漫长的,今天又遇到一个问题,所以想写下来自己的理解方便以后查看. 在使用matplotlib的过程中,常常会需要画很多图,但是好像并不能同时展示许多图.这是因为python可视 ...

  6. 折线图_R语言画折线图?

    笔者邀请您,先思考: 1 折线图有什么作用?如何画折线图 折线图(Line chart)是将数据表示为一系列称为"标记"的数据点,数据点之间由线段连接而成.它是类似散点图,除了测量 ...

  7. java怎么画八卦图_自己画八卦图怎么画?电脑绘制八卦图|八卦图的简单画法

    今天又是美妙的周五了,其实小编周一早上起床睁开眼的时候,就很期待的想着,如果今天是周五就好了.结果没想到,时间一下子就过去了,今天真的是周五了.啊哈哈,很绕是吧,还是不说废话了,来看看今天的教程方案吧 ...

  8. matlab simulink波特图,用simulink画波特图

    我们经常会遇到使用 Matlab 画伯德图的情况,可能我们我们都知道 bode ... MATLAB绘制Bode图与Nyqu... 3页 1下载券 浅议用Matlab绘制Bode图... 2页 2下载 ...

  9. JS Echarts之雷达图 | 使用Excel画雷达图

    文章目录 第一部分:JS Echarts之雷达图 1. 什么是 Echarts 2. JS Echarts之雷达图 2.1 使用Echarts画雷达图 2.3 echarts雷达图中常用修改 修改in ...

  10. python如何绘制折线图-python如何画折线图

    python画折线图利用的是matplotlib.pyplot.plot的工具来绘制折线图,这里先给出一个段代码和结果图:# -*- coding: UTF-8 -*- import numpy as ...

最新文章

  1. 关于java中的字符流的一个使用例子
  2. nagios部署安装中篇
  3. [C++对象模型][9]虚继承与虚函数表
  4. windbg 查看结构体_用WinDbg进行调试
  5. 星来客机器人餐厅_在50米高空聚餐,在铁窗内吃饭,盘点全球特色餐厅,看看有多奇葩...
  6. Java打war包or打jar包
  7. java int转bitmap_Java Base64位编码与String字符串的相互转换,Base64与Bitmap的相互转换实例代码...
  8. c# 关于DataTable
  9. 浅谈移动端页面无刷新跳转问题的解决方案
  10. 【Sofa】Sofa比赛成绩记录
  11. 介电常数和电容的关系_第二章:关于电力基础物理知识之认识电容器01
  12. win7升级Internet Explorer 11 先决条件更新
  13. 水果店差别定价策略,水果店的单品定价公式
  14. 2020 EBC徒步功课做好 好好工作心态,Android并发原理解析
  15. HTML+CSS零基础学习笔记(五)— 模拟淘宝首页(静态)
  16. wow Warlock shushia PVP DZ
  17. 王者归来,低代码的逆袭之路
  18. 前端基础篇之CSS世界
  19. 专访小熊戴欣,从国内最贵婚尚大咖到仪式感大师的进阶之路
  20. Spring Cloud 学习总结

热门文章

  1. 邮箱大师支持html,网易邮箱大师pc版
  2. ps图层转css3代码,CSS3Ps:ps图层转CSS3代码之神器
  3. ANSYS APDL中的ASEL面选择命令
  4. PCB设计线宽、线距规则设置多大?
  5. python学习笔记(CSS)
  6. Ubuntu16.04开启SSH服务
  7. 解决【无法对套接字执行操作,因为系统缺少足够的缓冲区空间,或者因为系统上的队列已满127.0.0.1:8086】问题
  8. 【Echarts】- 制作饼图
  9. turtlebot3 在gazebo仿真下 通过 gmapping slam 建立二维平面地图——全过程
  10. 小孩拉肚子不能吃什么?