android上实现0.5px线条的原理分析

2024-09-28 07:57:16

由于安卓手机无法识别border: 0.5px，因此我们要用0.5px的话必须要借助css3中的-webkit-transform:scale缩放来实现。

原理：将伪元素的宽设为200%，height设为1px通过-webkit-transform:scale（.5）来进行缩小一倍，这样就得到border为0.5的边框

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
  <style>
    .div{
      width: 100%;
      height: 100px;
      border-top: 1px solid aqua;
      posititon:relative;
    }
    .div::after{
      content: '';
      position: absolute;
      left: 0;
      bottom: 0;
      box-sizing: border-box;
      width: 200%;
      height: 1px;
      transform: scale(.5);
      transform-origin: 0 0;
      pointer-events: none;
      background-color: aqua;
    }
  </style>
</head>
<body>
  <div class="div"></div>
</body>
</html>

效果展示：

到此这篇关于android上实现0.5px线条的原理分析的文章就介绍到这了,更多相关android实现0.5px线条内容请搜索我们以前的文章或继续浏览下面的相关文章希望大家以后多多支持我们！

android上实现0.5px线条的原理分析

由于安卓手机无法识别border: 0.5px,因此我们要用0.5px的话必须要借助css3中的-webkit-transform:scale缩放来实现. 原理:将伪元素的宽设为200%,height设为1px通过-webkit-transform:scale(.5)来进行缩小一倍,这样就得到border为0.5的边框 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF
Android studio 3.0上进行多渠道打包遇到的问题小结(超简洁版)

Error:All flavors must now belong to a named flavor dimension. The flavor 'xiaomi' is not assigned to a flavor dimension. Learn more at https://d.android.com/r/tools/flavorDimensions-missing-error-message.html Android studio 3.0上进行多渠道打包时编译时出现这个错误多渠道
Android使用xUtils3.0实现文件上传

几个月前写过一篇博客<xUtils3.0框架学习笔记> ,上面也有记录通过xUtils实现文件上传的使用方法,代码如下: private void upLoadOnClick(View v) { String upUrl = "/mnt/sdcard/pic/test.jpg";//指定要上传的文件 final ProgressDialog dia = new ProgressDialog(this); dia.setMessage("加载中....")
如何设置Android studio 3.0显示光标返回上一次浏览位置的箭头图标

这几天刚升级了Android studio 3.0,发现光标返回上一次浏览位置的箭头图标没有了.快捷键 ctrl+alt+左右键,按着真不方便.方便按的按键早已经被占满了,也懒得去改动快捷键了.来,把小箭头找回来.原来Android studio 3.0把Toolbr给默认关闭了,打开就好了.看下图: 总结以上所述是小编给大家介绍的如何设置Android studio 3.0显示光标返回上一次浏览位置的箭头图标,希望对大家有所帮助!
Android Studio 3.0上分析内存泄漏的原因

以前用eclipse的时候,我们采用的是DDMS和MAT,不仅使用步骤复杂繁琐,而且要手动排查内存泄漏的位置,操作起来比较麻烦.后来随着Android studio的潮流,我也抛弃了eclipse加入了AS. Android Studio也开始支持自动进行内存泄漏检查,并且操作起来也比较方便. 封面戳我下载 Android Studio 3.0 这个不用梯子我会告诉你吗 1.写在前面 Google在上周发布了Android Studio 3.0的正式版本,周四早晨在上班的地铁上就看到群里在沸沸
Android 进程间通信实现原理分析

Android Service是分为两种: 本地服务(Local Service): 同一个apk内被调用远程服务(Remote Service):被另一个apk调用远程服务需要借助AIDL来完成. AIDL 是什么 AIDL (Android Interface Definition Language) 是一种IDL 语言,用于生成可以在Android设备上两个进程之间进行进程间通信(interprocess communication, IPC)的代码.如果在一个进程中(例如Activit
Android ANR原理分析

目录卡顿原理卡顿监控 ANR原理卡顿原理主线程有耗时操作会导致卡顿,卡顿超过阀值,触发ANR. 应用进程启动时候,Zygote会反射调用ActivityThread的main方法,启动loop循环. ActivityThread(api29) public static void main(String[] args) { Looper.prepareMainLooper(); ... Looper.loop(); throw new RuntimeException("Main thr
Android Broadcast原理分析之registerReceiver详解

目录 1. BroadcastReceiver概述 2. BroadcastReceiver分类 3. registerReceiver流程图 4. 源码解析 4.1 ContextImpl.registerReceiverInternal 4.2 LoadedApk.getReceiverDispatcher 4.3 ActivityManagerService.registerReceiver 5. 总结 1. BroadcastReceiver概述广播作为四大组件之一,在平时开发过程中会
Android中导航组件Navigation的实现原理

对于导航组件的使用方式不是本文的重点,具体使用可以参考官方文档,导航组件框架是通过fragment来实现的,其核心类主要可以分为三个NavGraph.NavHostController.NavHostFragment,这三个类的作用分别是: NavGraph: 解析导航图xml获取到的对象,其内部主要维护了一个集合用来存储目的地,当导航到目的地时,会传递进来一个id,这个id可能导航图xml中fragment的id,也有可能是fragment节点下action节点的id,如果是action节点的
Android 上实现DragonBones换装功能

目录前言技术选型 Korge的基本用法实现换装的多种实现静态换装 vs 动态换装静态换装动态换装包含动画 vs 不包含动画局部换装 vs 全局换装全局换装之Skin修改全局换装之纹理修改总结前言最近在预研一款换装的小游戏,通过在积分乐园中兑换服装,就可以在不同场景中展示穿上新服装的角色.对于这类有主题形象的动画,自然就想到了骨骼动画,通过网格自由变形和蒙皮技术就能在视觉上呈现所需要的动画效果,并且骨骼动画也支持皮肤替换,或者插槽的图片替换,对于换装的需求比较友好.因此决

android上实现0.5px线条的原理分析

相关推荐

随机推荐