sass中使用calc计算表达式变量问题

2020-01-13 14:53:51

标准写法

width: calc(#{$leftwidth} - 10px)

calc（）是css的一个函数，可用于元素计算长度，比如div宽度想要减去一个固定宽度后并自适应，可以写为calc(100% - 60px) 注意“-”两边有空格

sass已经是常用的预编译语言，允许使用变量等规则，如果上边写到60px是一个变量，这个表达怎么写呢

显然这样写是不行的，浏览器解析完是这样子的

在scss里改为这样就行了

浏览器自己计算了

2018-10-28 10:50:26

VectorDrawable简单介绍
在项目中使用矢量图至少可以缩小我们apk包的尺寸，而且可以在屏幕适配时提供很大的方便，因为矢量图是分辨率无关的。

2018-10-28 11:14:29

矢量资源工具Vector_Asset_Studio
Android Studio有一个称为“Vector Asset Studio”的工具，它可以将SVG文件和PSD文件转化为工程可用的矢量可绘制资源（vector drawable resources），

2018-10-28 11:16:09

Android vector标签 PathData 画图超详解
SVG是一种矢量图格式，是Scalable Vector Graphics三个单词的首字母缩写。在xml文件中的标签是<vector>，画出的图形可以像一般的图片资源使用，例子如下

2018-10-30 00:16:41

android ToolBar 设置颜色
app:popupTheme——有时候我们有需求：ActionBar文字是白的，ActionBar Overflow弹出的是白底黑字让ActionBar文字是白的，那么对应的theme肯定是Dark。可是让ActionBar弹出的是白底黑字，那么需要Light主题。这时候popupTheme就派上用场了。android:theme 与app:theme——在AppCompat v21里，提供了一个快速方便的方法设置Toolbar的主题，使用app:theme。而新版本22.1.x中，AppCompat 允许对 Toolbar 使用 android:theme代替 app:theme。最好的一点是：它会自动继承父视图的theme ，并且兼容所有APIv11以上的设备。

2018-11-01 22:08:19

Android Toolbar左、中、右对齐
默认的Android Toolbar中添加子元素view是从左到右依次添加。需要注意的是，Android Toolbar为自身的NavigationIcon（app:navigationIcon）最靠右，Logo（app:logo）紧接NavigationIcon、Title（app:title）接续Logo、保留了默认的位置（从左边到右）。这些Android Toolbar保留的系统设置字段将挤压开发者自己安放在Toolbar中的子view，如图所示：