052仿安卓.9图实现Div模拟blockly风格的办法
admin
2024-05-01 16:20:55
0

052仿安卓.9图实现Div模拟blockly风格的办法

.9图的介绍

格式

.9图的后缀格式为:.9.png

作用

.9图可以进行拉伸,如水平、竖直方向的延长,而清晰度不变。

令一张图片实现多种拉伸效果,减少UI切图的使用,降低包体积。

在UE提供的原始图中,图片的四周会有黑色的线条,这些黑色横线正是.9图能够实现拉伸的原理所在。

.9图原理,黑色横线作用

顶部横线代表水平延伸的时候,其他位置不变,此处横线做水平延伸的部分。

底部横线代表水平延伸的时候,内容在水平方向的显示区域。

左方竖线代表竖直延伸的时候,其他位置不变,此处横线做竖直延伸部分。

右方竖线代表竖直延伸的时候,内容在竖直方向的显示区域。

border-image-slice

border-image-slice属性用于划分或切片由border-image-source属性指定的图像。

  • border-slice属性将给定图像划分为:
    • 9个地区
    • 4个角
    • 4条边
    • 中部地区
  • 如下所示代码:
border-image-source: url('/img/sc2.png');
border-image-slice: 10 20 10 33 fill;
border-image-width: 10px 20px 10px 33px;

应用场景

  • 处理不规则图形背景
  • 处理气泡背景
  • 处理小图片放大后背景
    等等…

相关内容

热门资讯

嘉兴银行“新帅”确定:行长王芳... 嘉兴银行“新帅”确定:行长王芳升任党委书记 人民财讯5月19日电,据嘉兴银行消息,嘉兴市委常委、常务...
这届年轻人的置业逻辑变了!报告... 5月18日,58同城、安居客发布《2026青年置业报告》。这份基于数千名20-35岁年轻人的调研,揭...
金融让生活更美好|上银财富“5... 为更好地满足广大客户多元化、多层次的财富保值增值需求,上海银行于5月18日正式启动“518财富理想节...
追觅俞浩回应设立上百个BU:A... 来源:中国企业家 做企业不是开故事会,发展才能解释问题,发展才能解决问题 文|《中国企业家》记者 ...
原创 强... 2026年5月13日,深圳。华为和总资产1.5万亿的中国中化,正式签下一份深化战略合作协议。 一家...
金价,还在跌!警惕骗局—— 5月18日早盘,现货黄金短时下跌,失守4500美元/盎司,为3月底以来首次。 【此前报道:】5月19...
中国电信:选举柯瑞文为董事长;... 据每日经济新闻:5月19日,中国电信(601728.SH)公告称,公司第九届董事会第一次会议选举柯瑞...
2026第六届中国贵州国际能源... 5月18日,2026第六届中国贵州国际能源产业博览交易会(简称“贵州能博会”)在贵阳国际会议展览中心...
华为轮值董事长徐直军访问东风汽... 2026年5月19日,华为轮值董事长徐直军,华为公司高级副总裁、引望公司CEO靳玉志一行到访东风汽车...
20cm股热度渐升!涨停数追平... 财联社5月19日讯(编辑 梓隆),近期,创业板、科创板股热度较高,截至今日(5月19日)收盘,累计共...
原创 告... 1499,这个数字陪了我们好几年。买飞天茅台的人,对它太熟悉了。可就在3月30日晚上,贵州茅台一纸公...
美国30年期国债收益率升至20... 美国30年期国债收益率上升至5.177%,为2007年以来的最高水平。 (本文来自第一财经)
一人掌控2家国产存储龙头,57... 一个老板,左手握着国内芯片设计龙头兆易创新,右手攥着国产DRAM市场第一的长鑫科技,57亿关联交易深...
跟宇树一比,云深处太贵了? 营收仅宇树五分之一,估值倍数贵了约60%。 AIX财经(AIXcaijing)原创 作者|王汉星 编...
华曦达将在港交所上市:业绩波动... 来源|贝多商业&贝多财经 5月18日,深圳市华曦达科技股份有限公司(下称“华曦达”,HK:00901...
微纳星空科创板IPO拟募资50... 上交所&深交所 新 股 上 市 5月12日-5月18日,上交所无公司上市;深交所主板有2家公司上市。...
突发!伊朗股市,重新开市!特朗... 刚刚,伊朗股市恢复交易! 据央视新闻报道,当地时间5月19日,伊朗德黑兰证券交易所恢复股票交易。目前...
龙湖完成“21龙湖04”本息兑... 5月19日,龙湖集团如期完成“21龙湖04”的本金兑付与付息,涉及总金额约15.54亿元,包含本金1...
600759,连续12个跌停 【导读】市场情绪整体不错! 中国基金报记者 泰勒 大家好啊,今天的市场,尽管外围行情似乎风雨飘摇,但...