与drawable的较量(一)
前言
在android ui中drawable 是一个非常关键的要点,因为我们现在使用的花里胡哨的APP,都在胡里花哨的drawable 构建的。
drawable,英文翻译为可拖拽的。说白了就是自己写好,拿来就用。我英文不好,一般把英文的拖拽理解成拿来主义,反正英文的单词都是一个抽象概念。
bitmapDrable
bitmap 认识,位图。 drable,用来修饰bitmap。大概就是来绘制一张bitmap的图形。
凡事先创建一个,然后:
这样就创建了一个bitmapable。
有一些属性:
src:就是连接一张图标,转化成bitmap,像这样:
<bitmap xmlns:android="http://schemas.android.com/apk/res/android"
android:src="@drawable/android">
</bitmap>
效果:
原图:
原图比较小方便看后续效果。
bitmapDrable 有几种ps效果:
1.antialias:抗锯齿,白话文:去毛边,人话就是修饰原本图片的周边凹凸不平,然后给修平了。后遗症:图片会变模糊。
效果:
2.dither: 开启抖动。人话:在色像素的手机中显示效果更好。原因是比如创建这个bitmap的时候选用RRGB8888,然后在一些色彩模式RGB555的就会失真。把这个设置为true,
失真就会减少,一般开启。
3.filter:过滤效果。图片拉伸或者缩小显示效果更好。好的,开启就完事。
4.alpha :透明度,终于来了一个看的懂的。。。。
好了,看下,位置效果。
gravity:重心位置,就是往哪里偏。
比如说设置android:gravity="top"
然后在layout中引用:
<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@drawable/testbitmap">
看到的效果:
黄框就是我们的容器LinearLayout,红框就是android:background="@drawable/testbitmap",因为设置了top所以在top位置,那么设置一下bottom。如图:
就到下方,然后可以用|来组合使用,比如说left|top,表示左上角,等等可以自己玩点花样。
tileModel:平铺模式,说白了就是补缺。如:android:titleModel="react",效果:
如:android:titleModel="mirror" 镜像模式,正一反:
如:android:tileModel="clamp" 神奇般的:
NinePathDrawable
图片的9格式。和bitmap属性一毛一样,就是放大和缩小的时候吧,不会失真。
other
后续补齐
总结
1.drable 是拿来主义。
2.bitmapdrable 可以想象就是一个bitmap,然后我们通过简易的属性就可以操作成我们想要的图形。
3.NinePathDrable 和bitmapdrable 属性一样,拥有.9格式图片的效果,根据宽/高 进行缩放不会失真。
最新文章
- php的http_build_query使用
- thinkphp 3.2加载类
- AppDelegate方法中文记录
- JSON格式化 JSON美化 输出到html
- 京东拍拍网 笔试 搞java的去考C++ 苦逼
- bzoj1901:Zju2112 Dynamic Rankings
- WSDL阅读方法
- docs
- 初探XRebel
- React 精要面试题讲解(一) 单向数据流
- mySQL简单操作(三)
- vue_element_vue 引入路径@
- 如何用MTR诊断网络问题
- laravel5.8笔记四:路由
- 常用rsync命令操作梳理
- Java多线程:CAS与java.util.concurrent.atomic
- loadrunner12-运行报错原因及解决办法整理集合
- java.util.Collection源码分析和深度讲解
- 从0开始搭建Element项目
- 《Python核心编程》笔记
热门文章
- java GUI(图形用户界面)
- TCP和UDP的联系和用途
- H3C 路由的来源
- ES6/ES7/ES8新特性
- Linux USB 的 Urbs
- Vasya and a Tree CodeForces - 1076E (线段树 + dfs)
- asp.net core 3.0 JObject The collection type &#39;Newtonsoft.Json.Linq.JObject&#39; is not supported
- Node.js入门-知识整理
- codeforces gym100801 Problem G. Graph
- Keras lstm 文本分类示例