精华内容
下载资源
问答
  • 此扩展程序将Google任务按钮添加到浏览器的侧边栏(仅适用于Chrome和Firefox)和工具栏。 这使用,但添加了C​​SS样式,以使其响应速度更快,外观更好。 Google和Google Tasks是Google LLC的商标。 该项目与...
  • AndroidSideBar,本项目使用辅助功能 AccessibilityService ...实现的功能包括返回,主页,最近任务,启动某个 app,系统音量和亮度调节,开机启动,接收到自定义广播隐藏侧边栏等.本项目适配 Android 5.0 到 Android 9.0..zip
  • 悬浮侧边栏 这个使用的是 RocketDock,可以设置悬浮栏位置,可以自己添加删除其中的图标,还可以自动隐藏,效果非常棒: 安装之后在悬浮窗右键,选择程序设置: 可以进行一些个人喜好的设置: 同样,也可以添加和...

    生命在于折腾,一个简洁清爽的界面可以让人心情愉悦,整理分享一下我的Win10桌面美化历程,先上效果图:

    首先得准备一张好看的壁纸,文中涉及到的图片,软件已经全部打包,下载链接在文末。

    1. 桌面数字时钟

    Digital Clock 4 是一个桌面数字时钟开源项目,运行安装程序之后,就会默认安装到如下的路径:

    C:\ProgramData\Microsoft\Windows\Start Menu\Programs\Digital Clock
    

    进入目录进行该程序,即可在桌面看到时钟显示,它支持在桌面的左上、左下、右上、右下、顶部居中、底部居中、居中等9个位置显示:

    并且自带很多风格:

    在设置页面可以设置:

    2. 任务栏透明处理

    StartIsBack++ 可以给 Windows 10 添加上完美的开始菜单,其功能和外观与 Windows 7 中的开始菜单一样,也支持用户自定义去的修改设置,可以更改开始菜单及开始按钮的外观、样式及风格等。

    运行startlsback++安装包,为当前用户安装:

    设置外观:

    然后就可以看到任务栏变为透明,其颜色随壁纸而定,开始菜单也换为了设置的风格,并且颜色为透明,和壁纸颜色一致:

    3. 悬浮侧边栏

    这个使用的是 RocketDock,可以设置悬浮栏位置,可以自己添加删除其中的图标,还可以自动隐藏,效果非常棒:

    安装之后在悬浮窗右键,选择程序设置:

    可以进行一些个人喜好的设置:

    同样,也可以添加和删除其中的图标,添加的时候选择软件的快捷方式文件即可:

    4. 底部任务栏居中图标

    这个可以利用软件,不过比较麻烦,可以直接来个骚操作,不用任何软件。

    首先按下win+q,搜索字符映射表,选择空白字符并复制:

    然后在C盘新建一个文件夹,在文件名中粘贴刚刚复制的空白字符:

    将软件的快捷方式图标都复制到这里面:

    然后在任务栏右键,选择工具栏->新建工具栏:

    选择刚刚创建的空白文件夹:

    选择之后任务栏就出现了这些图标,在任务栏右键将锁定任务栏前面的对勾取消,再次右键:

    接着就可以看到软件图标的显示了:

    移动的中间之后,在任务栏右键,选上锁定任务栏,大功告成!

    最后放上我打包的这几个小工具:

    下载链接:https://c-t.work/s/ba6b5963f83641

    接收更多精彩文章及资源推送,欢迎订阅我的微信公众号:『mculover666』。

    展开全文
  • 前端小案例之侧边栏

    千次阅读 多人点赞 2020-12-20 19:04:06
    简单侧边栏案例-隐藏右边盒子鼠标经过时显示 最近刚入门前端写了个侧边栏的小案例 ...示例:pandas 是基于NumPy 的一种工具,该工具是为了解决数据分析任务而创建的。 二、使用步骤 1.引入库 代码如下(示例)

    简单侧边栏案例-隐藏右边盒子鼠标经过时显示

    最近刚开始入门学习前端用简单的html结构加CSS样式写了个侧边栏的小案例在这里分享给大家。


    一、案例介绍?

    效果如下:

    在这里插入图片描述

    该案例主要是在一个sidebar盒子里面左边放一个ul做侧边栏里面的li作为每一行的内容,然后将sidebar-mask盒子定位到侧边栏的右边,用display:none将该盒子先隐藏起来,然后经过也就是hover该盒子的时候就display:block,然后就是对侧边栏每一行的li经过做了一个过渡效果padding值会撑开。

    二、案例代码

    1.HTML结构

    代码如下(示例):

    <!DOCTYPE html>
    <html lang="en">
    
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Document</title>
        <link rel="stylesheet" href="style.css">
    </head>
    
    <body>
        <div class="sidebar">
            <ul>
                <li>
                    <h4 style="text-align: center;">侧边栏</h4>
                </li>
                <li>
                    <p>第一</p>
                    <span>></span>
                    <div class="sidebar-mask">我是第一个</div>
                </li>
                <li>
                    <p>第二</p>
                    <span>></span>
                    <div class="sidebar-mask">我是第二个</div>
                </li>
                <li>
                    <p>第三</p>
                    <span>></span>
                    <div class="sidebar-mask">我是第三个</div>
                </li>
                <li>
                    <p>第四</p>
                    <span>></span>
                    <div class="sidebar-mask">我是第四个</div>
                </li>
                <li>
                    <p>第五</p>
                    <span>></span>
                    <div class="sidebar-mask">我是第五个</div>
                </li>
                <li>
                    <p>第六</p>
                    <span>></span>
                    <div class="sidebar-mask">我是第六个</div>
                </li>
                <li>
                    <p>第七</p>
                    <span>></span>
                    <div class="sidebar-mask">我是第七个</div>
                </li>
                <li>
                    <p>第八</p>
                    <span>></span>
                    <div class="sidebar-mask">我是第八个</div>
                </li>
                <li>
                    <p>第九</p>
                    <span>></span>
                    <div class="sidebar-mask">我是第九个</div>
                </li>
            </ul>
        </div>
    </body>
    
    </html>
    

    2.CSS样式

    代码如下(示例):

    * {
        margin: 0;
        padding: 0;
    }
    .sidebar {
        /* 子绝父相 */
        position: relative;
        width: 1200px;
        height: 700px;
        margin: 50px auto;
        color: #ffffff;
    }
    .sidebar ul {
        width: 200px;
        height: 100%;
        background-color: rgba(0, 0, 0, .3);
    }
    .sidebar ul li {
        list-style: none;
        height: 50px;
        padding: 10px 0;
        transition: all .5s;
    }
    .sidebar ul li p {
        float: left;
        margin-left: 50px;
    }
    .sidebar ul li span {
        float: right;
        margin-right: 20px;
    }
    .sidebar ul li:hover {
        background-color: orange;
        padding-left:20px;
        cursor: pointer;
    }
    .sidebar ul li:hover .sidebar-mask {
        display: block;
    }
    .sidebar-mask {
        display: none;
        position: absolute;
        top: 50px;
        right: 50px;
        width: 900px;
        height: 600px;
        background-color: rgba(0, 0, 0, .3);
        text-align: center;
    }
    

    这里是结构与样式分离将上面的CSS样式命名为style.css然后用link导入到html文件中即可以用,也可以将样式用style标签写到html文件里的title下。


    总结

    刚学习前端没多久,想将每天学到的小案例分享给大家,写的不好的地方还望大家多多指教。
    展开全文
  • 大家好,我是IT修真院深圳分院第九期的学员徐炜,一枚正直纯洁善良的前端...侧边栏高亮有很多种实现方法,根据任务6-10要求,最后用双ng-repeat嵌套的方法,渲染一二级菜单。 二.知识剖析   1、sessionStorage和lo...

    大家好,我是IT修真院深圳分院第九期的学员徐炜,一枚正直纯洁善良的前端程序员。今天给大家带来的是如何实现侧边栏高亮?

    一.背景介绍

         侧边栏高亮是指选择侧边栏菜单时有一个样式效果,当刷新页面的时候,这个效果还在。侧边栏高亮有很多种实现方法,根据任务6-10要求,最后用双ng-repeat嵌套的方法,渲染一二级菜单。

    二.知识剖析  

         1、sessionStorage和localStorage:localStorage生命周期是永久,这意味着除非用户显示在浏览器提供的UI上清除localStorage信息, 否则这些信息将永远存在。存放数据大小为一般为5MB,而且它仅在客户端(即浏览器)中保存,不参与和服务器的通信。sessionStorage仅在当前会话下有效,关闭页面或浏览器后被清除。存放数据大小为一般为5MB,而且它仅在客户端(即浏览器)中保存, 不参与和服务器的通信。

          2、ng-class:ng-class 指令用于给 HTML 元素动态绑定一个或多个 CSS 类,其值可以是字符串,对象,或一个数组。如果是字符串,多个类名使用空格分隔。如果是对象,需要使用 key-value 对,key 为你想要添加的类名,value 是一个布尔值。只有在 value 为 true 时类才会被添加。如果是数组,可以由字符串或对象组合组成,数组的元素可以是字符串或对象。

          3、ng-repeat:ng-repeat 指令用于循环输出指定次数的 HTML 元素,集合必须是数组或对象。

    三.常见问题

      如何实现侧边栏高亮,且刷新页面后保持不变?

    四.解决方案

      在前面的任务2-4中,我们已经学到了sessionStorage和localStorage, 同理我们也可以使用这两个网页存储的功能结合ng-class一起实现侧边栏的高亮效果。

    五.编码实战

     实战演示demo,详见视频。

    六.扩展思考

    七.参考文献

    参考一:AngularJS ng-repeat 指令

    参考二:AngularJS ng-class 指令

    参考三:angularjs 本地数据存储LocalStorage

    八.更多讨论

    问题一:还有什么方法存储高亮状态?

    答:可以使用$ stateParames,在URL中存取状态。

    问题二: 不用localStorage保存,用sessionStorage来保存可以吗?

    答:可以的,根据需求,看看是否需要关闭浏览器后依旧保存来选择。

    问题三:ng-class怎么来判断条件?

    答:ng-class可以用三目运算符来进行判断。

     PPT 视频链接

      感谢冯亚超、和黄苏威师兄,此教程是在他们之前技术分享的基础上完善而成。 

      今天的分享就到这里啦,欢迎大家点赞、转发、留言、拍砖~

    展开全文
  • Android系统定制的导航侧边栏

    万次阅读 2018-11-16 11:06:06
    Android手机的导航栏一般都放在底部,...然后,通过WindowManager添加悬浮的侧边栏,组合按键除了返回键、home键、最近任务键,还可以自定义添加其他按键。 为了响应按键点击事件,我们需要重写自定义View的onTou...

    Android手机的导航栏一般都放在底部,导航按键包括返回键、home键、最近任务键。而有些Android设备希望把导航栏放在左右两边,也就是改成侧边栏,这时候就需要二次定制开发。首先,把原生的底部导航栏屏蔽掉。然后,通过WindowManager添加悬浮的侧边栏,组合按键除了返回键、home键、最近任务键,还可以自定义添加其他按键。

    为了响应按键点击事件,我们需要重写自定义View的onTouchEvent方法,监听ACTION_DOWN、ACTION_MOVE、ACTION_UP等动作,然后注入inputEvent事件,让系统响应对应键值的点击事件。通过查看KeyEvent源码,我们可知back键值、home键值:

        /** Key code constant: Home key.
         * This key is handled by the framework and is never delivered to applications. */
        public static final int KEYCODE_HOME            = 3;
        /** Key code constant: Back key. */
        public static final int KEYCODE_BACK            = 4;

    注入inputEvent事件,需要构造KeyEvent对象,原方法是这样的:

     /**
         * Create a new key event.
         *
         * @param downTime The time (in {@link android.os.SystemClock#uptimeMillis})
         * at which this key code originally went down.
         * @param eventTime The time (in {@link android.os.SystemClock#uptimeMillis})
         * at which this event happened.
         * @param action Action code: either {@link #ACTION_DOWN},
         * {@link #ACTION_UP}, or {@link #ACTION_MULTIPLE}.
         * @param code The key code.
         * @param repeat A repeat count for down events (> 0 if this is after the
         * initial down) or event count for multiple events.
         * @param metaState Flags indicating which meta keys are currently pressed.
         * @param deviceId The device ID that generated the key event.
         * @param scancode Raw device scan code of the event.
         * @param flags The flags for this key event
         * @param source The input source such as {@link InputDevice#SOURCE_KEYBOARD}.
         */
        public KeyEvent(long downTime, long eventTime, int action,
                        int code, int repeat, int metaState,
                        int deviceId, int scancode, int flags, int source);

    在onTouchEvent监听到Down、Up动作时,我们在这个时机注入:

        void sendEvent(int action, int flags, long when) {
            int repeatCount = (flags & KeyEvent.FLAG_LONG_PRESS) != 0 ? 1 : 0;
            KeyEvent ev = new KeyEvent(mDownTime, when, action, mCode, repeatCount,
                    0, KeyCharacterMap.VIRTUAL_KEYBOARD, 0,
                    flags | KeyEvent.FLAG_FROM_SYSTEM | KeyEvent.FLAG_VIRTUAL_HARD_KEY,
                    InputDevice.SOURCE_KEYBOARD);
            //调用系统API注入inputEvent
            InputUtil.injectInputEvent(ev);
        }

    系统API的注入inputEvent事件,只需要调用injectInputEvent方法:

            InputManager.getInstance().injectInputEvent(ev,InputManager.INJECT_INPUT_EVENT_MODE_ASYNC);

    而我们应用层API无法直接调用到,怎么办呢?大家应该都想起了反射,不错就是反射调用:

        public static void injectInputEvent(KeyEvent event) {
            try {
                Class<InputManager> inputManagerClass = InputManager.class;
    
                Method methodInject = inputManagerClass.getDeclaredMethod("injectInputEvent", InputEvent.class, int.class);
                methodInject.setAccessible(true);
    
                Method method = inputManagerClass.getDeclaredMethod("getInstance");
                method.setAccessible(true);
                InputManager instance = (InputManager) method.invoke(inputManagerClass);
    
                methodInject.invoke(instance, event, 0);
            } catch (IllegalAccessException | InvocationTargetException | NoSuchMethodException e) {
                e.printStackTrace();
            }
        }

    除了反射调用方法,还有另一种方法是,使用Instrumentation来发送按键事件。但是,需要在子线程执行,否则系统会抛异常:

        public static void doInject(final KeyEvent event){
            new Thread(new Runnable() {
                @Override
                public void run() {
                    Instrumentation instrumentation = new Instrumentation();
                    instrumentation.sendKeySync(event);
                }
            }).start();
        }

    与back键、home键的事件注入不同的是,最近任务栏需要启动系统的任务栏Activity。通过查看系统源码,我们可以任务栏的包名是com.android.systemui,对应的Activity完整路径是com.android.systemui.recents.RecentsActivity。知道这些信息,我们就可以启动任务栏Activty:

    	public void startRecentApp() {
    		Intent intent = new Intent("com.android.systemui.recents.TOGGLE_RECENTS");
    		ComponentName component = new ComponentName("com.android.systemui", 
    				"com.android.systemui.recents.RecentsActivity");
    		intent.setComponent(component);
    		intent.setFlags(Intent.FLAG_ACTIVITY_NEW_TASK);
    		try {
    			startActivity(intent);
    		} catch (Exception e) {
    			e.printStackTrace();
    		}
    	}

    至此,我们已经实现侧边栏的back键、home键、最近任务栏功能。当然,大家也可以自定义其他按键,实现酷炫的侧边栏。

    展开全文
  • 如何实现侧边栏高亮

    2018-06-05 20:17:06
    大家好,我是IT修真院郑州分院第8期学员,...1.背景介绍任务6-10我们需要实现一个侧边栏高亮,下面我们看一种实现方法。2.知识剖析用到的知识ng-repeat用ng-repeat写出一级和二级菜单。用到的知识ng-class &lt...
  • 任务比较简单, 只是为一个三栏主题添加对 Widget 的支持而已,就先从这次简单的案例开始说吧. 单侧边栏 functions.php <?php if( function_exists('register_sidebar') ) { register_sidebar(array( 'before...
  • 任务描述 实现左右拖拽布局功能:当拖动分割线时,可以重置左右两侧模块宽度实现宽度自定义。 首先搞清楚几个值的概念 (1)clientX clientX:鼠标点击时位置距离当前body可视区域的x坐标 (2)left 相对于具有...
  • 我们的博客侧边栏有四项内容:最新文章、归档、分类和标签云。这些内容相对比较固定,且在各个页面都会显示,如果像文章列表或者文章详情一样,从视图函数中获取然后传递给模板,则每个页面对应的视图函数里都要写一...
  • 01 ubuntu导航栏和侧边栏不见了

    千次阅读 2019-01-22 17:06:28
    导航栏和侧边栏不见了  方案一: 在终端内输入ccsm即可启动,如果没有,请用apt-get下载安装,会有提示的。  如果没有ccsm, ubantu会提示  安装sudo apt-get install ccsm(缩写,实际比这个长,按要求安装...
  • 我们的博客侧边栏有四项内容:最新文章、归档、分类和标签云。这些内容相对比较固定,且在各个页面都会显示,如果像文章列表或者文章详情一样,从视图函数中获取然后传递给模板,则每个页面对应的视图函数里都要写一...
  • ubnutu的任务栏都是在左侧: zhang@zhang-virtual-machine:~$ gsettings set com.canonical.Unity.Launcher launcher-position Bottom #底部(苹果风格) zhang@zhang-virtual-machine:~$ gsettings set ...
  • Vue---拖动侧边栏改变div宽度

    千次阅读 2019-08-15 10:23:00
    任务描述 实现左右拖拽布局功能:当拖动分割线时,可以重置左右两侧模块宽度实现宽度自定义。 首先搞清楚几个值的概念 (1)clientX 与 clientWidth clientX:鼠标点击时位置距离当前body可视区域的x坐标 ...
  • 终于完成了一个Windows边栏小工具。这个20分记分器是用来给自己每天的成就打分的。每完成一个工作或任务,点击Points就增加20分。用来激励自己,努力奋斗。下面是工具的下载链接,由于博客园上传文件类型的限制,将....
  • Gnome隐藏上边栏,Ubuntu18 hide top bar

    千次阅读 2018-10-30 15:44:13
    那么本文就将已Ubuntu18为例讲解怎么隐藏顶部状态栏及任务栏。 任务栏其实没啥讲的Ubuntu18/16都是在系统设置里面就支持自动隐藏了,还有停靠位置(左,右,下)。但是自动隐藏18与16不同的是,18只有软件界面与...
  • 任务栏排列

    2019-09-06 19:41:19
    任务栏上右键取消“锁定任务栏”的勾选,然后鼠标移到任务栏上边栏,然后按住左键往下拉。这样任务栏就变窄了,那么图标也就变一行了,最后再锁定任务栏即可 如果出现排列两行 1.在任务栏的空白处,点击鼠标,在弹...
  • 我们的博客侧边栏有四项内容:最新文章、归档、分类和标签云。这些内容相对比较固定,且在各个页面都会显示,如果像文章列表或者文章详情一样,从视图函数中获取然后传递给模板,则每个页面对应的视图函数里都要写一...
  • 任务总结

    2016-08-06 12:30:03
    本周主要完善了自己参与的公司校园号管理系统的整体页面的布局结构,导航和边栏,实际项目中,经老大指点发现了自己的许多问题,并有真正学习到和了解到一些原先未实践过的东西,以下便是对这次实践经历各方面的知识...
  • 文章目录前言一、创建侧边栏组件二、elementUI组件-导航菜单el-menu1.引入库2.读入数据总结 前言 上一篇文章在吗?手把手教vue-cli4+...示例:pandas 是基于NumPy 的一种工具,该工具是为了解决数据分析任务而..
  • 任务开始后,边栏将更改以显示任务要求,并列出完成任务所需的所有步骤。 在左上角显示当前步骤。 世界地图将显示一个箭头,指示您要去的地方,小地图中的箭头指示该位置,并且您需要去的对象,NPC或图块将突出显示...
  • HTML任务

    2017-02-28 21:57:29
    零基础HTML 百度前端学院 百度一下 百度前端学院 百度网盘 百度百科 .sidebar{ float:left; /*侧边栏与左侧对齐*/ width:300px; background:#CFF;
  • 但是我们会发现如果使用的侧边栏,那么由于系统设置的原因,最窄的侧边栏,还是下面这样,有两列,那么我们就用到下面的方法了。 7+ Taskbar Tweaker任务栏调整软件的使用 下载地址: 链接:https://pan.baidu...
  • 边栏视图(v1.7) 任务类型组(v1.13) 子文件夹中的咕unt声/咕lp声(v1.14) Npm命令(v1.16) 任务分组(v1.23) 多级任务分组(v1.29) 使用Args运行,无终端(1.30) 要求 Visual Studio代码v1.50 + 从...
  • 任务分配-源码

    2021-02-22 08:04:34
    一般课程分配 构建一个基于地图的应用程序,该... 地标在边栏中按与用户的距离排序。 可以仅过滤某些地标类型(例如城堡)。 在地图上显示自行车道。 道路会根据道路难度进行颜色编码。 用户可以看到各种列表,这些列
  • webstorm 中不显示 npm 任务面板

    千次阅读 2018-08-18 11:28:21
    在使用 webstorm 的过程中,使用自带的 npm 任务面板可以非常方便的执行 package.json 中定义的 scripts 命令,但是有时候发现任务面板并没有显示出来,在设置中也找不到任何相关的设置。 解决方法 如下图所示,只...

空空如也

空空如也

1 2 3 4 5 ... 9
收藏数 177
精华内容 70
关键字:

任务边栏