位图转化为⽮量图
前⾔: 上⼀篇⽂章 中的底部菜单项使⽤的图⽚是⽮量图,AndroidStudio本⾝带了⼀些⽮量图,但是有时候并不符合我们的需求。所以我们需要⾃⼰画⽮量图,但是简单的⽮量图还可以,path少pathData数据简单,稍微复杂⼀些的图就不那么容易弄了。我们希望把UI给的位图使⽤⼯具转化为⽮量图,这样就简单多了。下⾯我演⽰⼀下把png图⽚转化为⽮量图。
第⼀步:逆向思维——⾸先要思考当有⽮量图图后,怎么导⼊⼯程的drawable⽂件夹下, 右键drawable⽂件夹——>new——>Vertor Assert,然后呈现你眼前的如下:
Asset Type默认选中Material Icon选项,这个选项表⽰使⽤AndroidStudio⾃带的⽮量图;Name就是⽮量图的名称;点击图中Icon的⼩安卓图标,可以进⼊⽮量图库进⾏选择;Size是⽮量图的尺⼨,默认是24dp*24dp,勾选Override选项以后,可以⾃⼰设置⼤⼩;Opacity是图标的不透明度; 最后⼀⾏的那个选项,设置图⽚是否需要镜像反转,当布局⽅向是RTL(不了解的可以百度⼀下),即从右到左布局时才有⽤。⼀般不勾选这个选项。
Asset Type勾选Local file表⽰使⽤本地导⼊的⽮量图,括号已经注明,只能是SVG和PSD格式的⽂件,到这⾥,我们⽬标其实已经很明确了,只要把位图转化成SVG或者PSD格式的⽂件就可以了。
第⼆步:位图转化为SVG, ⽤png转化为SVG格式⽂件,需要下载⼀个⼯具——VectorMagic,我这⾥是下载了⼀个的,当然也可以下载其他⽹站的VectorMagic,只要能⽤就可以;使⽤VectorMagic⼯具的步骤如下:
message_normal.svg⽂件
第三步:将svg⽂件导⼊AndroidStudio中 如第⼀步中的图2所⽰,选择本地的⽂件,到message_normal.svg,点击next,接下来的⼀个页⾯不⽤做任何处理,直接点击Finish就可以了,然后就会在drawable⽂件夹下⽣成⼀个ic_l的⽂件,打开⽂件就可以在androidstudio的Preview中看到效果。
svg图Ok,到这⾥,⽂章就结束了,有不对的地⽅欢迎指正。

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。