vscode拖拽条看不清配色修改

樱花殿张公子

已于 2023-03-24 15:35:29 修改

阅读量652

点赞数 3

分类专栏： IDE 文章标签： vscode 大数据 ide

于 2022-07-11 11:34:06 首次发布

本文链接：https://blog.csdn.net/qq_43243842/article/details/125718175

版权

IDE 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

插入这部分

"workbench.colorCustomizations": {
        "scrollbarSlider.background": "#bba76d",
        "scrollbarSlider.hoverBackground": "#cfb56a",
        "scrollbarSlider.activeBackground": "#fbdd86"
    }

在这里插入图片描述

效果展示

非常清晰！！！
在这里插入图片描述

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

樱花殿张公子

关注关注

3
点赞
踩
2

收藏

觉得还不错? 一键收藏
1
评论
vscode拖拽条看不清配色修改

非常清晰！！！
复制链接

扫一扫

专栏目录

VS滚动条插件 MetalScroll

08-21

metalscroll是个很轻量级的VS插件（比RockScroll更强大），它把Visual Studio 中代码编辑器右边的滚动条替换成代码缩略图，这样阅读比较长的代码时可以很方便的定位。但是他的作用确远不止于此！

JavaScript中Textarea滚动条不能拖动的解决方法

10-23

主要介绍了JavaScript中Textarea滚动条不能拖动的解决方法,主要针对IE浏览器中Textarea滚动条绑定了onfocus事件时分析对应的处理方法,需要的朋友可以参考下

1 条评论您还未登录，请先登录后发表或查看评论

修改vscode右侧滚动条颜色

qq_40834427的博客

06-06

770

在settings.json增加如下配置。

vscode 设置滑条颜色

最新发布

weixin_50212044的博客

08-07

1977

VS Code 设置滑条颜色，右边滑条，自定义滑条

vscode选中字符后相同的字符在右侧滚动条高亮标记

qq_42043599的博客

11-20

890

"editor.selectionHighlight": 默认是 false ，这样字符后相同的字符不能在右侧滚动条高亮标记，代码行数很多的话很不好找到相同的字符，将 "editor.selectionHighlight": false 改为 "editor.selectionHighlight": true。改为 true后就会标记。

Visual Studio Code（VSCode）关闭右侧预览功能

dev_zyx的博客

04-13

5074

如下图所示，当用VSCode打开文本文件时，右侧会出现预览的功能，当内容过多时，容易误操作点击，影响使用，不美观。关闭方法：点击文件-首选项-设置,搜索： editor.minimap.enabled 默认值为打钩,我们只需要把钩去掉即可； ...

vscode怎么设置顶部横向滚动条宽度（太细了看不清楚）

Dontla的博客

05-31

876

这滚动条也太™细了，有时鼠标点半天都点不到。

VsCode修改注释颜色以及鼠标滚动调整字体大小

见证自己学习,成长的记录

09-13

4550

今天发现vscode代码字体颜色很小，默认的注释颜色居然是绿色的！看着特别难受，然后就试着修改了下，在此记录一下。

js实现横向拖拽导航条功能

10-20

在JavaScript中实现横向拖拽导航条功能是一种常见的交互设计，它可以增强用户在网站上的体验，让用户更加方便地浏览和操作导航菜单。以下是如何利用JS来实现这个功能的详细步骤：首先，我们需要创建HTML结构，这...

Echarts实现单条折线可拖拽效果

10-15

在本文中，我们将深入探讨如何使用Echarts库实现单条折线图的拖拽效果。Echarts是一款由百度开发的开源JavaScript数据可视化库，它提供了丰富的图表类型和强大的交互功能，使得开发者能够轻松地创建出美观且交互性强...

Android拖动条的实现代码

08-29

Android拖动条的实现代码是Android开发中常用的控件之一，它可以让用户通过拖动条来设置某个值的大小。下面是关于Android拖动条的实现代码的详细介绍。 SeekBar控件的使用 SeekBar控件是Android中最常用的拖动条...

【VScode技巧】：VScode界面显示模糊

嵌入式up

01-04

3671

【VScode技巧】：VScode界面显示模糊

vscode编辑区看不清光标

A20190518的博客

05-30

5338

vscode编辑区鼠标移动时，光标看不清楚打开 “控制面板”-“鼠标”-“指针”-“自定义”-“文本选择” 在浏览中选择“beam_r.cur”，打开后确认应用此光标带有白色框，在黑色vscode编辑区可以看的清楚 ...

没用过这些 VSCode 插件？怪不得写代码头疼

热门推荐

扬帆向海的博客

02-17

5万+

这篇文章收集了一些常用的vscode插件，提高开发效率。

VScode顶部滚动条高度修改

w0100746363的专栏

04-23

1058

VScode打开很多文件后，顶部会有滚动条，但是它太细了，拖动滚动条的时候很容易就变成了拖动文件，想办法调整一下它的高度。一、从"帮助"-->"切换开发人员工具"打开开发者工具，如下：二、CTRL+F，在搜索框中输入"invisible scrollbar horizontal fade"，然后把样式中的height改成15px（默认是3px），这样就可以了上图是默认的滚动条样式，下图是调整过后的滚动条样式，调整高度后，拖动起来就很方便了，不会变成拖动文件了。 ...

Visual Studio 2017 代码右侧带缩略图的滚动条显示与隐藏

jinzhengxi的专栏

08-29

1万+

今天在用VS 2017时，发现在代码右侧突然多了一个代码缩略图的窗口，强迫症范了，特别想关闭这个，因为我要截图，不想跟以前的截图有差异。最开始连这个都不知道叫什么，在百度也不知道怎么搜，后来自己慢慢研究了好半天，突然找到了，其实也是很简单，就是如果不知道的话，就一时想不到。方法其实就是： 1. 右键缩略图，在右击菜单中选择 "滚动条选项" (英文：Scroll Bar Options.....

自定义设置 VSCode 编辑器各种颜色

lzgy的博客

11-03

2万+

前言 vscode 的扩展插件十分强大，在里面可以找到许多自己喜欢的插件，本人很喜欢 Solarized Light 的代码主题风格，但是也有美中不足的地方: 该主题的注释和背景稍有不搭，在浅蓝色的代码面板里面很难看清楚, 可是又不想换掉 Solarized Light 的整体风格, 于是写下下面的代码方便自定义修改各种颜色 : 步骤: 文件 > 首选项 > 设置或者直接默认快...

用CSS美化你的滚动条

natalie86的专栏

01-20

998

本文将会告诉你如何用CSS修改/美化浏览器页面上出现的滚动条。改变它们的颜色，调整它们的外形，适配你对页面UI设计。我们首先将会看看谷歌(Webkit)浏览器提供了哪些CSS属性，最后，还将介绍如何用jQuery支持其它类型的浏览器。各种浏览器对CSS滚动条的支持情况这里说的Webkit浏览器包括谷歌浏览器，苹果公司的Safari浏览器，以及最新的Opera浏览器。这些浏览

QT 不通过继承qslider，怎么自己画拖动条

06-03

如果您不想通过继承`QSlider`来自定义拖动条，可以通过继承`QWidget`并使用`QPainter`类来手动绘制。具体步骤如下： 1. 创建一个继承自`QWidget`的类，例如`CustomSlider`。 2. 在`CustomSlider`的构造函数中设置一些必要的属性，例如拖动条的最小值、最大值和当前值。 3. 重写`paintEvent`函数，在该函数中使用`QPainter`类来手动绘制拖动条。 4. 重写`mousePressEvent`和`mouseMoveEvent`函数，以便用户可以通过鼠标拖动手柄来改变当前值。以下是一个示例实现： ```cpp class CustomSlider : public QWidget { Q_OBJECT public: CustomSlider(QWidget *parent = nullptr) : QWidget(parent), m_minValue(0), m_maxValue(100), m_currentValue(50) {} void setRange(int minValue, int maxValue) { m_minValue = minValue; m_maxValue = maxValue; update(); } void setValue(int value) { m_currentValue = qBound(m_minValue, value, m_maxValue); update(); } protected: void paintEvent(QPaintEvent *event) override { QPainter painter(this); painter.setRenderHint(QPainter::Antialiasing); // 绘制滑轨 QRectF trackRect(0, height() / 2 - 2, width(), 4); painter.setPen(QPen(Qt::gray, 4)); painter.drawLine(trackRect.topLeft(), trackRect.topRight()); // 绘制已选择的部分 QRectF selectedRect(0, height() / 2 - 2, width() * (m_currentValue - m_minValue) / (m_maxValue - m_minValue), 4); painter.setPen(QPen(Qt::blue, 4)); painter.drawLine(selectedRect.topLeft(), selectedRect.topRight()); // 绘制手柄 QRectF handleRect(selectedRect.right() - 8, height() / 2 - 12, 16, 24); painter.setPen(Qt::NoPen); painter.setBrush(Qt::white); painter.drawEllipse(handleRect); painter.setBrush(Qt::gray); painter.drawEllipse(handleRect.adjusted(2, 2, -2, -2)); } void mousePressEvent(QMouseEvent *event) override { if (event->button() == Qt::LeftButton) { setValue(m_minValue + (m_maxValue - m_minValue) * event->pos().x() / width()); event->accept(); } else { event->ignore(); } } void mouseMoveEvent(QMouseEvent *event) override { if (event->buttons() & Qt::LeftButton) { setValue(m_minValue + (m_maxValue - m_minValue) * event->pos().x() / width()); event->accept(); } else { event->ignore(); } } private: int m_minValue; int m_maxValue; int m_currentValue; }; ``` 在上面的示例中，我们通过重写`paintEvent`函数来手动绘制滑轨、已选择的部分和手柄。然后，在`mousePressEvent`和`mouseMoveEvent`函数中处理鼠标事件，以便用户可以通过鼠标拖动手柄来改变当前值。

“相关推荐”对你有帮助么？

非常没帮助
没帮助
一般
有帮助
非常有帮助

提交