背景图 | 易学教程

Android 编程下通过 Theme 和 Style 避免 APP 启动闪黑屏

阅读更多关于 Android 编程下通过 Theme 和 Style 避免 APP 启动闪黑屏

之前在做 APP 的时候不太关注这个问题，因为自己在使用其他 APP 的时候也会在应用启动的初始有一个黑屏闪过后才会出现应用的欢迎页。直到最近开发过程中发现自己在欢迎页启动的线程由于请求和处理的数据量过大而，导致欢迎页在出现之前界面上会有一个短暂的白色闪屏停留，当然白色闪屏的停留是因为 application 的主题样式 android:theme = "@style/AppTheme" 使用了 Theme.Light 题导致的，Light 样式的 windowBackground、colorBackground、colorForeground 等属性的值均为 light 也就是白色偏亮，所以才会出现白色闪屏。下面是我的 APP 出现白色闪屏时样式引用的代码：　　 <style name="AppTheme" parent="android:Theme.Light">　　 </style> 简单的修改后，闪屏颜色为黑色，代码如下：　　 <style name="AppTheme" parent="android:style/Theme.Black.NoTitleBar.Fullscreen"> 　　 </style> 代码修改后引用的样式为黑色主题，但欢迎页仍然会有黑色闪屏短暂的停留。继续进行修改，设置透明属性为 true，代码如下： <style name=

用JavaScript做精灵图

阅读更多关于用JavaScript做精灵图

用JavaScript做精灵图精灵图可以不用在给每一个小块一一的修改位置。主要原理是找到整张的背景图与li的下标的数学关系. 这是一大张背景图，这个背景图的位置其实是有规律的，每两张之间间隔一个固定长度，这个固定长度刚好等于一个小图标的长度，我们使用的这个图间隔44px。 CSS样式如下图所示样式代码如下： <style> *{ margin: 0; padding: 0; } body{ background-color: skyblue; } .conve{ width: 290px; border: 1px solid #aaa; margin: 100px auto; overflow: hidden; background-color: #fff; } .conve ul{ width: 292px; list-style: none; } .conve ul li{ height: 67px; float: left; width: 72px; border: 1px solid #aaa; margin: -1px 0 0 -1px; } .conve ul li a{ display: block; width: 72px; height: 67px; font-size: 12px; color: #555; text-decoration: none;

第04组团队Git现场编程实战

阅读更多关于第04组团队Git现场编程实战

组员职责分工成员分工鲍子涵分配职责，整合代码吴宜航 UI设计与实现钟博 UI设计与实现(Main Coder) 黄海东数据整理王镇隆前端api接口分析和使用(Main Coder) 高鹏 api接口分析和整理骆友鹏数据整理陈志明 api接口分析和整理刘俊杰数据整理罗继鸿数据整理林得翔特殊情况，请假未参与 GitHub提交日志程序运行截图程序运行环境 java version "1.8.0_221" Java(TM) SE Runtime Environment (build 1.8.0_221-b11) Java HotSpot(TM) 64-Bit Server VM (build 25.221-b11, mixed mode) GUI界面准备工作：提前先收集好几张编程时可能会用到的UI的背景图还有一些要插入的小部件。具体编程完成的工作：在主题明确了以后选取了以原谅色为主题的背景图，但是由于背景之间的风格色调有些偏差，所以用了pscc把原来的背景图用camera row把背景的色调给调柔和了些，本来现场想p些小部件到背景里去，但奈何时间不够就先凑合着用了，背景图的插入用的是Jpanel进行背景图插入。开始界面打开最受欢迎的商圈的页面打开各价位性价比前五的页面打开最佳美食聚集地的页面打开服饰类综合评分最高的页面基础功能实现

css背景图撑开盒子高度

阅读更多关于 css背景图撑开盒子高度

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>背景图撑开盒子高度</title> <style> .bg-box { background-image: url(../demo.jpg); background-size: 100% 100%; background-repeat: no-repeat; margin:0 auto; } .bg-box::after { content: ""; display: block; /*这里的padding = height / width*/ padding:20%; } </style> </head> <body> <div class="bg-box"></div> </body> </html> /*--> */ /*--> */ 来源： https://www.cnblogs.com/xiadongqing/p/8686970.html

HTML&CSS兼容性总结

阅读更多关于 HTML&CSS兼容性总结

对目前所遇见的兼容性笔记进行整理分类: 不兼容浏览器问题概要问题描述解决方法 IE6，IE7 3px 并列一行的元素左侧第一个元素没浮动，第二个元素左浮动，则两个元素之间会多3像素空隙并在一行的元素如果有一个元素有浮动，则都加浮动 IE6，IE7 下折行并列一行的元素左侧元素没浮动，右侧元素右浮动，则右侧浮动元素向下折行并在一行的元素如果有一个元素有浮动，则都加浮动 IE6 双边距块属性标签浮动，并且有横向margin值，横向margin加倍块元素添加display：inline IE6，IE7 li li无浮动,li内部元素有浮动,li下会多出来3px左右的间隙给li添加vertical-align:top 或给li添加浮动 IE6 最小高度最小高度不小于19px 设置 overflow:hidden得到高度为设置的height IE6 最小高度+li 当最小高度问题和 li 的间隙问题共存的时候只能给li添加浮动，且添加overflow：hidden IE6，IE7 图片间隙图片下有间隙给图片添加vertical-align IE6 margin消失当一行子元素占有的宽度之和，和父级的宽度相差超过3px，或者有不满行状态的时候，最后一行子元素的下margin在IE6下就会失效尽量避免该情况 IE6 文字溢出

关于CSS设置页面背景图的一些疑问

阅读更多关于关于CSS设置页面背景图的一些疑问

关于背景图片的位置其background-position设置背景图片的位置有两种方式，一种是是根据像素设置，第二种根据百分比设置，第一种根据像素的位置是很简单的，只是关于百分比这个设置理解特别容易出现偏差的，先看看一段简单的代码: .bg-position { background : url(../../public/images/404.jpg) no-repeat ; margin-top : 100px ; margin-left : 100px ; background-color : #ccc ; height : 500px ; width : 800px ; background-position : 100px 100px ; } 这种情况是可以预见的，如下所示: 网上看了一篇文章说是background-position是依赖于no-repeat的，在repeat的状态下和默认的状态下（默认即为repeat）,background-position是不起作用的，因此自己尝试了一把，看了一下效果: 代码中去掉了no-repeat，同样是可以展示，以前repeat的时候没有注意和background-position结合一起，不过现在发现设置background-position之后，我们不断的调整垂直方向的距离

Mac 修改开机登陆界面背景图, 替换沙漠背景图

阅读更多关于 Mac 修改开机登陆界面背景图, 替换沙漠背景图

Mac 修改开机登陆界面背景图, 替换沙漠背景图本机版本 : macos mojave 10.14.6 之前网上查了一下都说需要替换原本的沙漠图片,我试了一下,根本不需要,下面进入正题. 1.系统偏好设置>桌面与保护程序>桌面 2.把喜欢的图片随便放在哪个位置点击图中标注的这个加号点击哪张图片,就会自动把图片所在的文件夹添加到左侧边栏. 有啥问题欢迎留言来源： CSDN 作者： new dick 链接： https://blog.csdn.net/weixin_42757937/article/details/104561974

网页基础（十三）背景

阅读更多关于网页基础（十三）背景

background-color 设置背景颜色 background-image 设置背景图片如果背景图片小于元素大小默认将背景图片平铺充满屏幕背景图片大于元素大小默认显示图片的左上角 background-repeat 设置背景图是否平铺 repeat 设置背景图平铺默认 repeat-x 背景图x轴平铺 repeat-y 背景图y轴平铺 no-repeat 不平铺 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>背景</title>  <style> h1{ background-color: red; } p{ background-color: purple; } div{ width: 1000px; height: 800px

Zabbix-Network-Weathermap 插件

阅读更多关于 Zabbix-Network-Weathermap 插件

项目描述： Network weathermap for Zabbix like Network Weathermap 最早Cacti上有一个Network Weathermap项目，不是为Zabbix做的，不过似乎也能搬到Zabbix上用。不过现在方便了，有Zabbix的版本。部署到zabbix4.4版本也没问题。项目地址： https://github.com/Prototype-X/Zabbix-Network-Weathermap 主要功能 Features Get source data from Zabbix Generate YAML config from Zabbix map Create image with map in PNG format Upload image to Zabbix Support for map elements with the type: host, map, image 可以用于首页的大屏展示。从拓扑图中获取节点信息，然后向Zabbix请求获取端口的流量的信息。可以是任何信息，只要填写对应的key即可，不过展示效果主要是展示流量使用情况的。生成图片，主要是带颜色的线，表示该线路的流量使用率。线上有最近一次的采集值，标识当前的流量。把该图片作为拓扑图的背景图，项目脚本会负责定时获取新数据，生成新的背景图

手把手教你WEB套打程序开发

阅读更多关于手把手教你WEB套打程序开发

WEB套打可选方案不多，理想的更少，利用免费控件Lodop+JavaScript实现精确套打，算是较为经典的选择。这种方案其实比较简单，利用一个htm文件就可以实现模板设计过程，几乎是“空手套”式的开发，但理解这几个步骤还是需要点时间，下面一步步详细演示说明：第一步：建立一个空白的模板设计文件把以下超文本代码复制到一个本地htm文件中： <html> <body> <object id="LODOP" classid="clsid:2105C259-1E0C-4534-8141-A753534CB4CA" width=0 height=0></object> <script language="javascript" type="text/javascript"> function CreatePrintPage() { LODOP.PRINT_INIT("套打EMS的模板"); }; </script> 进入<a href="javascript:;" onclick="javascript:CreatePrintPage();LODOP.PRINT_DESIGN();">模板设计</a><br><br> 进入<a href="javascript:;" onclick="javascript:CreatePrintPage();LODOP.PREVIEW();"

订阅背景图