• 制作9patch图片心得——Android开发使用类似QQ聊天的冒泡对话框


    时间:2020年3月30日

    作者:戒辄

      聊天界面进行模拟是每个新手都会遇到的问题,在进行UI设计时,如果只是使用一般图片进行拉升压缩操作而作为背景图片,在设备适配和显示效果上就太不让人满意了。

      使用9patch是一个很好的选择。对于这种png图片的说明网上很多,但是理解起来还是有点绕,现将它实现的效果仔细说明一下可能会好很多……

       

      这是我项目中使用的样例,看着是不是很熟悉?对于右边的部分,中间紫色选中的部分是我们的content内容放置的部分,后面的效果通过视频给大家看一下。

      不知道放不放的出来……

      无所谓,就是想告诉你,这个效果实现的挺像QQ里面的聊天对话的。

      接下来介绍制作流程:

    1》》》拿到构图元素

    2》》》进行透明png图片制作

    3》》》在Androidstudio中进行伸缩设置以及内容设置

    4》》》在代码中进行应用

    •   构图元素:首先我在网上找到的资源是这样的:

     

       

        

        接着将它根据自己的需要,截取相应的图片。图片选择有这几点注意……

        1.你选择的图片要有一个适合拉伸的样式……用抽象画来形容一下:

          

          画糟理不糟,中间的十字是辅助线,黑色和黄色部分是图片,这样你就可以至少(注意是至少)让橙色十字部分的图片进行扩展,而不会变的很难看。 

     

    •        透明png:

        除非专门的透明png图片给你,你从网上找到的大多是有白色背景的png图片。(当我没说)。

        但我就是介绍一下,不用ps,基于一般电脑平台进行透明图设计……

        神器亮相!!!win10总喜欢自动下载的“画图3D”软件——

         因为时间问题先写到这里,后面找时间再继续………………………………………………………………《未完待续》

     

    •        缩进设置和内容设置:
    •        投入使用:
  • 相关阅读:
    [国嵌攻略][047][MMU功能解析]
    [国嵌攻略][045-046][一跃进入C大门]
    [国嵌攻略][044][初始化Bss段]
    [国嵌攻略][043][栈初始化]
    [国嵌攻略][042][代码搬移不可少]
    [国嵌攻略][041][6410和210内存初始化]
    [国嵌攻略][040][2440内存初始化]
    页面中加入回到顶部按钮的实现方法(转)
    【总结整理】js获取css的属性(内部,外部,内嵌(写在tag中))
    【总结整理】前端‘变量名’‘类名’‘函数名’的命名规则
  • 原文地址:https://www.cnblogs.com/swust-rjgc-1705-monitor/p/12600714.html
Copyright © 2020-2023  润新知