Web和Android的渐变角度区别

从蓝湖(或者其他设计稿)里复制一个渐变的 angle 值,贴到 Android 的 XML 里,几乎每次方向都不对。然后我就开始靠猜 + 调试,一个一个改角度,调半天才对上方向。

最近又开始做 Web 前端,渐变上 Web 和 Android 的规则还不一样,搞得我更头大了。所以我这次下定决心,彻底搞清楚他们各自的角度系统到底怎么一回事。下面是研究结论


Android 的渐变角度 = 数学坐标系的角度

可以理解为跟三角函数里的角度一样:

  • 0deg从左往右
  • 90deg从下往上
  • 180deg从右往左
  • 270deg从上往下

顺时针旋转,起点是左边 → 就是数学坐标的 x 轴方向。


Web 的渐变角度 = 时钟方向的角度

CSS 的渐变是这样算的:

  • 0deg从下往上
  • 90deg从左往右
  • 180deg从上往下
  • 270deg从右往左

简单记:时钟指针指向的方向就是渐变的方向


顺带一提:Web 和 Android 的 margin/padding 顺序也不一样

CSS 中:

css 复制代码
margin: 10px 20px 30px 40px;
/* 顺序是:上 右 下 左(顺时针)*/

而 Android 的顺序是:

ini 复制代码
android:padding="40dp 10dp 20dp 30dp"
/* 顺序是:左 上 右 )*/
  • Web 也是按照时钟顺序来的
  • Android 这个可以理解为屏幕坐标系(左上角为原点)

总结

  • Android 的渐变角度参考数学坐标系(0度是从左到右 → )
  • Web 的渐变角度参考时钟方向(0度是从下从上 ↑ )
相关推荐
小李飞飞砖13 分钟前
Android 依赖注入框架详解
android
SUNxuetian15 分钟前
【Android Studio】升级AGP-8.6.1,Find Usage对Method失效的处理方法!
android·ide·gradle·android studio·安卓
阿华的代码王国28 分钟前
【Android】搭配安卓环境及设备连接
android·java
__water1 小时前
RHA《Unity兼容AndroidStudio打Apk包》
android·unity·jdk·游戏引擎·sdk·打包·androidstudio
一起搞IT吧3 小时前
相机Camera日志实例分析之五:相机Camx【萌拍闪光灯后置拍照】单帧流程日志详解
android·图像处理·数码相机
浩浩乎@4 小时前
【openGLES】安卓端EGL的使用
android
Kotlin上海用户组5 小时前
Koin vs. Hilt——最流行的 Android DI 框架全方位对比
android·架构·kotlin
zzq19966 小时前
Android framework 开发者模式下,如何修改动画过度模式
android
木叶丸6 小时前
Flutter 生命周期完全指南
android·flutter·ios
阿幸软件杂货间6 小时前
阿幸课堂随机点名
android·开发语言·javascript