编写界面之实践

(前提)制作Nine-Path图片

在实战正式开始之前,要先了解一下如何制作Nine-Patch图片。
它是一种被特殊处理过的png图片,能够指定哪些区域可以被拉伸、哪些区域不可以。
那么Nine-patch图片到底有什么实际应用?
比如说项目中有一张气泡样式的图片message_left.png

我们将这张图片设置为LinearLayout的背景图片,修改activity_main.xml中的代码,如下所示:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"android:layout_width="match_parent"android:layout_height="wrap_content"android:background="@drawable/pop">
</LinearLayout>

将LinearLayout的宽度指定为match_parent,然后将它的背景图设置为pop。
第一行代码中说在Android sdk目录下有一个tools文件夹,找到draw9patch.bat文件,但是我找了半天没有找到,上网查查是因为Google 已经因为 draw9patch 热门的原因,把它集成在 Android Studio 里面了, 然后将图片放到android studio中就可以,最后右键点击-create.9path,然后就自动生成了pop.9.png,双击点开如图所示:


我们可以在图片的四个边框绘制一个个的小黑点,在上边框和左边框绘制的部分表示当图片需要拉伸时就拉伸黑点标记的区域,在下边框和右边框绘制的部分表示内容会被放置的区域。使用鼠标在图标的边缘拖动就可以进行绘制了,按住Shift键拖动可以进行擦除。
注意:在生成pop.9.png之后,然后把原来的pop.png删除了,运行程序,效果如果:

这样当图片需要拉伸的时候,就可以只拉伸指定的区域,程序在外观上也有了很大的改进。有了这个知识储备后,就可以实战了。

Android之制作Nine-Patch图片相关推荐

  1. android studio创建9.patch图片,使用时出现Error: Duplicate resources

    创建9.patch图片 右键点击需要创建9.patch图片的图片文件,选择"create 9-Patch file",然后按照需要设置. 制作好后,使用时出现Error:Dupli ...

  2. Android Studio制作.9.png图片

    .9图是andriod平台的应用软件开发里的一种特殊的图片形式,文件扩展名为:.9.png,.9图可以将图片横向和纵向同时进行拉伸,以实现在多分辨率下的完美显示效果..9图最常用的是聊天记录的背景框, ...

  3. 在线制作9 patch图片

    地址: http://romannurik.github.io/AndroidAssetStudio/nine-patches.html

  4. Android Studio制作.9图片,看这一篇就够了

    一..9.png图片概念 这是安卓开发里面的一种特殊的图片 这种格式的图片在android 环境下具有自适应调节大小的能力,不会失真 (1)允许开发人员定义可扩展区域,当需要延伸图片以填充比图片本身更 ...

  5. [转]android 制作.9.png图片 解决图形变形问题

    [转]android 制作.9.png图片 2012-8-10阅读1164 评论1 本文转自:http://xiaoming123123.iteye.com/blog/1489253 "点九 ...

  6. 【2022/1/7】Android平台启动图制作.9.png图片

    Android平台启动图制作.9.png图片 可以先了解4条黑边的意义,当然如果不了解也是可以的,我们制作.9.png使用android studio 顶部:水平拉伸时,只有这一部分进行拉伸 左边:竖 ...

  7. android img 制作工具,图片文字制作软件下载

    文字图片制作软件app是一款强大的手机图文制作工具,内置丰富的背景主题,界面精美,操作轻松,支持表情插入,可以让你的图文更加精彩耐看,需要的朋友快来下载吧! 文字图片制作器app介绍 本应用可以快速让 ...

  8. android img 制作工具,图片视频编辑制作工具

    图片视频编辑制作工具是一款图像和视屏的制作工具,这款制作工具能够帮助用户完成在图像内容上的制作,多种特效和工具等着你在软件当中进行体验,你能够感受到制作视频的乐趣,在手机上面创建属于你自己的vlog或 ...

  9. Android Studio(14)--点9图片怎么玩

    点9图片怎么玩 1.本节引言: 可能有的一些疑问: 1.什么是.9图片?  答:图片后缀名前有.9的图片,如pic1.9.png这样的图片 2. .9图片能干嘛? 答: 在图片拉伸的时候特定的区域不会 ...

  10. (13)[Xamarin.Android] 不同分辨率下的图片使用概论

    原文 [Xamarin.Android] 不同分辨率下的图片使用概论 设计Android App的时候,其尺寸众多也是一个挑战之一.要针对不同尺寸设计Android App时,就要先来了一下dpi(d ...

最新文章

  1. python qt教程_Python - Python Qt 开发教程(1)
  2. 错误处理在Spring Integration中如何工作
  3. 前端学习(753):js没有块级作用域
  4. 使用ftp上传文件到Unix系统注意事项
  5. Vue项目中使用Echarts(二)
  6. 软件设计师17-网络基础知识
  7. android 打开设备失败
  8. Java 用DBCP连接数据库。
  9. bzoj 4709: [Jsoi2011]柠檬(分段DP+决策单调性)
  10. openeuler学习指南
  11. java 事件分发机制_读Android源码之事件分发机制最全总结
  12. php 相似文章,php 比较两篇文章的相似度的方法
  13. Java、JSP高速公路收费系统
  14. 什么软件可以编辑PDF文件?编辑工具分享
  15. 钉钉免费实现内网穿透绝对靠谱
  16. 各种异常产生原因及如何处理解决 --
  17. python练习-句子逆序1
  18. solr6 mysql_solr6.6.0学习(2)创建核心和与Mysql数据库连接
  19. 实验篇(7.2) 05. 通过浏览器访问远端内网服务器 (SSL) ❀ 远程访问
  20. 软件开发公司管理手册

热门文章

  1. ppt文件太大怎么变小?
  2. ps基础学习:图层叠加
  3. 苹果的产品开发流程介绍:带你认识世界最好的设计公司
  4. 【sketchup 2021】草图大师的场景优化工具1【群组工具和组件工具的详细用法(重要)】
  5. 通过python实现同步修改本地电脑时间
  6. 将图片背景设置为透明的方法介绍
  7. excel锁定单元格不能修改_锁定单元格不被任意修改和删除
  8. 2018年将会改变人工智能的5个大数据趋势
  9. 二项分布期望和方差的公式推导
  10. RFID工作频率分类