学习
实践
活动
工具
TVP
写文章

网站添加时光轴记录页面

很多人自己搭建了独立博客个人网站,都会有一个关于我们或者时光轴页面,专门用来记录折腾博客的一些事件。 一直想折腾一个发现搞不来或者都不好看,所以折腾了下如下效果 在浏览boke112网站的时候发现有一篇关于折腾时光轴记录的文章:http://boke112.com/2964.html   博主提供的方法很简单 ,就是一段代码加上一段CSS,时光轴的效果就这样诞生了 参考https://www.wangwenwu.com/1598.html 感谢作者提供思路 教学部分 以Zblog博客为例进行说明(其他开发的网站添加方法差不多一样 font-size:18px;cursor:pointer;padding: 1px 0 0 14px;} #time dt a:hover{color: #FF0000;} 2、在编辑页面或者文章的

12220

CSS 3.0实现时光轴加载动画

给大家分享一个用CSS 3.0实现时光轴加载动画,效果如下:  以下是代码实现,欢迎大家复制、粘贴和收藏。 <! DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>CSS 3.0实现时光轴加载动画</title>

12920
  • 广告
    关闭

    2022腾讯全球数字生态大会

    11月30-12月1日,邀您一起“数实创新,产业共进”!

  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    自定义recyclerView实现时光轴效果

    光轴效果在很多app上都有出现,例如淘宝中快递的跟踪,本文将使用recyclerView实现时光轴效果,我们会到自定义控件,首先先看一下效果图: 接下来是步骤分析 1自定义属性 这个大家应该都了解了 } } 这里需要说明的是,我们的mBeginLine的长度,其实是我们自定义控件的paddingTop高度,同理mEndLine的长度是paddingBottom高度,所以我们在使用这个控件, 一般都会设置paddingTop和paddingBottom 6.使用TimeLine控件 以下是recyclerView中一个item的布局,多个item拼接起来就是一条时光轴,这里需要说明的是,我们的 > <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com android:layout_height="match_parent" android:clickable="true" android:focusable="true

    9730

    纯CSS为博客网站添加时光轴记录

    如果用时光轴来记录这些重大事情,可以让用户更加直观地看到我们的发展历程,这样对用户体验应该是有好处的。 teamnewslist li:hover b::after{border-color: #C01E22;} #teamnewslist li:hover b{color: #C01E22;}  在编辑页面或文章, 2、由于这个时光轴仅仅是通过 CSS 来实现,所以在编辑时光轴记录的时候一定要严格按照相应的格式编写才行。 3、同样是因为时光轴是通过 CSS 来实现,所以任何博客网站,包括 WordPress、zblog 等程序建立的博客网站都可以按这个方法成功添加时光轴记录。 沈唁志|一个PHPer的成长之路! 原创文章采用CC BY-NC-SA 4.0协议进行许可,转载请注明:转载自:纯CSS为博客网站添加时光轴记录

    33830

    WordPress网站添加一个时光轴页面

    任何个人或组织,在未征得本站同意,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。

    5520

    Android 编译注解 —— 语法详解

    因为在 Android 开发的过程中, 泛型,反射,注解这些知识进场会用到,几乎所有的框架至少都会用到上面的一两种知识,如 Gson 就用到泛型,反射,注解,Retrofit 也用到泛型,反射,注解 。 java Type 详解 java 反射机制详解 注解使用入门(一) Android 自定义编译注解1 - 简单的例子 Android 编译注解 —— 语法详解 带你读懂 ButterKnife 的源码 自定义注解 (自己实现的的注解) 元注解 元注解 解析说明 @Documented 是否会保存到 Javadoc 文档中 @Retention 保留时间,可选值, 默认为 CLASS SOURCE(源码) 这样在做代码生成,不需要再单独考虑每一个监听注解,只需要处理@ListenerClass就OK。如 @interface OnItemClick 等。 自定义编译注解1 - 简单的例子 ---- 处理器类Processor编写 自定义注解后,需要编写Processor类处理注解。

    46520

    Android传输数据加密详解

    Android传输数据加密详解 ONE Goal , ONE Passion ! 公钥互换: a.首先要有两对密钥: android端一对(android公钥,android私钥) 服务器端一对(服务器公钥,服务器私钥) b.开始交换 1.android开发人员将android公钥 (字符串形式公钥,或者文件形式建议文件形式)给服务器人员 2.服务器发开人员将服务器公钥(字符串形式公钥,或者文件形式建议文件形式)给android开发人员 c.数据传输过程加密,解密 android开发人员传输数据使用服务器公钥加密 服务器开发人员拿着私钥对android端传递过来的数据进行解密 注意: 加密,解密.需要将 字符串形式的密钥 转换成 Key对象的密钥 2.封装RSA的工具类,方便加密解密的操作: RSAUtils ; import android.os.Bundle; import android.util.Base64; import android.view.View; import android.view.View.OnClickListener

    18420

    Android Service 再次 unbindSrvice 的问题

    Android Service 未被绑定的情况下,调用 unbindService(connection) 会报错误:service Service not registered, 所以在解除绑定前要先判断连接是否处于绑定状态

    1.1K50

    Android控件显示、隐藏,增加动画效果

    Android控件显示、隐藏,增加动画效果 首先还是看一下演示效果吧,不然凭什么相信我的帖子能解决你的问题呢? 效果GIF如下 ? > <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com > <scale xmlns:android="http://schemas.android.com/apk/res/android" android:duration="1000" android > <scale xmlns:android="http://schemas.android.com/apk/res/android" android:duration="1000" android :toXScale="0" android:toYScale="0" /> 你只要把上面的代码复制到你的项目里面即可实现效果,很简单的,有什么问题可以直接评论区发问,我会第一间回复的。

    2.2K30

    Android编译注解,和重复代码Say No!

    中应用编译注解,自动生成工厂代码 在Android中应用编译注解,自动生成工厂代码 首先以工厂模式为例,看看在工厂模式中存在的问题。 新建Android工程和Java Module 注意:由于Android默认不支持部分javax包的内容,所以我们需要将注解解析相关的类放到Java Module中才能调用到。 由于android-apt已经不再维护,并且Android官方在Gradle2.2以上已经提供了另一个工具annotationProcessor替代了原来的android-apt,所以我们直接使用annotationProcessor 程序编译,IDE扫描文件所有的属性都可以被看作元素。 在编译,编译器将自动调用注解处理器的process方法。

    1.3K30

    Android使用Opengl录像添加水印

    一、静态水印 实现原理:录像是通过OpenGL把图像渲染到GLSurfaceView上的,通俗的讲,就是把图片画到一块画布上,然后展示出来。添加图片水印,就是把水印图片跟录制的图像一起画到画布上。 这是加载纹理跟阴影的Java类 package com.audiovideo.camera.blog; import android.opengl.GLES20; /** * Created by fenghaitao 使用双线程过滤 GLES20.glTexParameteri(GLES20.GL_TEXTURE_2D, GLES20.GL_TEXTURE_MAG_FILTER, GLES20.GL_LINEAR); //Android 绘图到glsurface * 我们将rendermode设置为glsurfaceview.rendermode_when_dirty, * 仅当调用requestrender时调用此方法(=需要更新纹理) * 如果不在脏设置rendermode,则此方法的最大调用速度为60fps。

    56110

    小甜点,RecyclerView 之 ItemDecoration 讲解及高级特性实践

    而网络上开源的那些 HorizontalListView 又不满足需求,所以我们只能自定义 ViewGroup 来实现需求,但是回收机制不是很完善,所以性能并不好,所以当 RecyclerView 横空出世, 我第一间拥抱了它,并推荐 Android 开发小组成员们去了解它。 为了提高本篇代码的技术含量,下面我们通过 ItemDecoration 来实现一个时光轴的效果。 通过 ItemDecoration 实现时光轴的效果 编码的开始先做设计,或者说先思考。 我们可以看到左边白色的图案就大概是我们时光轴要绘制的图形。我们通过 getItemOffsets 方法来对 ItemView 进行 left 和 top 的间距设置。 我们可以通过 ItemView 将相应的时光轴片断分解,如下图。 ?

    50820

    Android中 DialogFragment 全屏android11机型失效的问题

    由于 Window 的 decorView 默认是设置有 10dp 的padding。需要获取到decorView后设置其padding为(0, 0, 0, 0...

    11940

    Android使用ListViewitem失效解决方案

    主要原因是这些试图获取了焦点导致item无法获取焦点,所以有如下三种方法: 1)在item布局文件里面的设置,让Button,Checkbox,ImageButton视图无法获得焦点 android :focusable="false" android:clickable="false" android:focusableInTouchMode="false"

    31130

    记录Android Killer反编译遇到的异常

    使用Android Killer反编译,出现以下异常,特此记录: 1.resource spec: 0x01010543 当前 Apktool 使用版本:Android Killer Default 下载地址: https://down.52pojie.cn/Tools/Android_Tools/ 如下所示: ? 2.expected element name 'style' and not 'resources' 当前 Apktool 使用版本:Android Killer Default APKTOOL 正在反编译 3.Unsupported major.minor version 52,0 当前 Apktool 使用版本:Android Killer Default APKTOOL 正在反编译 APK,请稍等.. 修改Android Killer JDK配置,如下图所示: ?

    2.1K20

    Android 使用地图的权限请求方法

    aMap.setMyLocationEnabled(true); aMap.setInfoWindowAdapter(this); aMap.setOnMarkerClickListener(this); } 这样是确保在Android 高版本定位权限不会被屏蔽;导致定位和导航用不了情况。 以上这篇Android 使用地图的权限请求方法就是小编分享给大家的全部内容了,希望能给大家一个参考。

    25210

    Android:非Activity跳转Activity要加FLAG?

    翻着翻着我就发现,点击推送跳转忘了加FLAG。 按照我们之前的了解: 从非 Activity跳转到 Activity ,必须要给 intent 设置一个 FLAGNEWTASK , 如果不设置将无法跳转。加上之后,一切毛病都没有了。 附录:API Level 和版本号对应关系一览表 https://source.android.com/setup/build-numbers

    29940

    Android ScrollView嵌套横向滑动控件冲突问题

    重写scrollview的onInterceptTouchEvent方法,当上下滑动不处理即可。 Math.abs(curY - yLast); xLast = curX; yLast = curY; /** * X轴滑动距离大于Y轴滑动距离,也就是用户横向滑动

    56130

    android MediaRecorder实现录屏带录音功能

    下面说说android的事把 最近是不是也会遇到需求中需要用到录屏录音的功能,最近也是遇到的 现在整理完记录一下 首先呢,录音录屏需要权限 先贴一个动态权限类 public class TalAllow String mRecordFilePath; private Handler mHandler; //已经录制多少秒了 private int mRecordSeconds = 0; //handle发送消息的 = TalFileUtils.getSDFreeMemory() / (1024 * 1024) < 4; if (enough) { //空间不足,停止录屏 str = "空间不足"; //停止录屏 onDestroy() { super.onDestroy(); unbindService(mConnection); } } 至此,一个还算比较完整的录屏录音功能就可以实现,不足之处请批评指正 总结 到此这篇关于android MediaRecorder录屏带录音功能实现的文章就介绍到这了,更多相关android MediaRecorder录屏带录音内容请搜索ZaLou.Cn以前的文章或继续浏览下面的相关文章希望大家以后多多支持

    65420

    android onresumeview,android – 当对话框出现时不调用OnResume

    谢谢 解决方法: Dialog也是您的活动UI窗口的一部分.所以onPause()&当您显示或隐藏对话框,不会调用onResume(). 标签:android,android-activity,lifecycle 来源: https://codeday.me/bug/20190824/1709085.html 发布者:全栈程序员栈长,转载请注明出处

    7110

    扫码关注腾讯云开发者

    领取腾讯云代金券