Loading [MathJax]/jax/output/CommonHTML/config.js
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >删除进度条中的光泽吗?

删除进度条中的光泽吗?
EN

Stack Overflow用户
提问于 2012-10-13 09:53:13
回答 2查看 7.9K关注 0票数 14

因此,有人建议我使用WPF窗体为我的应用程序创建自定义UI。我想要做的第一件事就是改变进度条的外观。唯一让我对它的新外观望而却步的是它上面的光滑效果。我想要的进度条是由大多数纯色。有没有办法去掉进度条的光滑部分?

如下所示:

谢谢。

EN

回答 2

Stack Overflow用户

发布于 2012-10-13 15:28:53

您可以通过编辑进度条的ControlTemplate来实现所需的任何样式。下面是一个例子:

免责声明:我不是设计师。

代码语言:javascript
运行
AI代码解释
复制
<!-- Brushed used by the progress bar style -->
<LinearGradientBrush x:Key="ProgressBarIndicatorAnimatedFill" EndPoint="0,0" MappingMode="Absolute" StartPoint="-100,0">
    <GradientStop Color="#00000000" Offset="0"/>
    <GradientStop Color="#FF000000" Offset="0.4"/>
    <GradientStop Color="#FF000000" Offset="0.6"/>
    <GradientStop Color="#00000000" Offset="1"/>
</LinearGradientBrush>
<SolidColorBrush x:Key="ProgressBarTopHighlight" Color="#80FFFFFF" />
<!-- progress bar style -->
<Style x:Key="FlatProgressBar" TargetType="{x:Type ProgressBar}">
    <Setter Property="Foreground" Value="#01D328"/>
    <Setter Property="Background" Value="#C7C7C7"/>
    <Setter Property="BorderBrush" Value="#B2B2B2"/>
    <Setter Property="BorderThickness" Value="1"/>
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="{x:Type ProgressBar}">
                <Grid x:Name="Background" SnapsToDevicePixels="true">
                    <Rectangle Fill="{TemplateBinding Background}" RadiusY="2" RadiusX="2"/>
                    <Border Background="{x:Null}" CornerRadius="2" Margin="1"/>
                    <Border BorderBrush="#80FFFFFF" BorderThickness="1,0,1,1" Background="{StaticResource ProgressBarTopHighlight}" Margin="1"/>
                    <Rectangle x:Name="PART_Track" Margin="1"/>
                    <Decorator x:Name="PART_Indicator" HorizontalAlignment="Left" Margin="1">
                        <Grid x:Name="Foreground">
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition MaxWidth="15"/>
                                <ColumnDefinition Width="0.1*"/>
                                <ColumnDefinition MaxWidth="15"/>
                            </Grid.ColumnDefinitions>
                            <Grid.RowDefinitions>
                                <RowDefinition/>
                                <RowDefinition/>
                            </Grid.RowDefinitions>
                            <Rectangle x:Name="Indicator" Grid.ColumnSpan="3" Fill="{TemplateBinding Foreground}" Grid.RowSpan="2"/>
                            <Rectangle x:Name="Animation" Grid.ColumnSpan="3" Fill="{TemplateBinding Foreground}" Grid.RowSpan="2">
                                <Rectangle.OpacityMask>
                                    <MultiBinding>
                                        <MultiBinding.Converter>
                                            <Themes:ProgressBarHighlightConverter/>
                                        </MultiBinding.Converter>
                                        <Binding Source="{StaticResource ProgressBarIndicatorAnimatedFill}"/>
                                        <Binding ElementName="Background" Path="ActualWidth"/>
                                        <Binding ElementName="Background" Path="ActualHeight"/>
                                    </MultiBinding>
                                </Rectangle.OpacityMask>
                            </Rectangle>
                        </Grid>
                    </Decorator>
                    <Border BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" CornerRadius="2"/>
                </Grid>
                <ControlTemplate.Triggers>
                    <Trigger Property="Orientation" Value="Vertical">
                        <Setter Property="LayoutTransform" TargetName="Background">
                            <Setter.Value>
                                <RotateTransform Angle="-90"/>
                            </Setter.Value>
                        </Setter>
                        <Setter Property="LayoutTransform" TargetName="PART_Track">
                            <Setter.Value>
                                <RotateTransform Angle="90"/>
                            </Setter.Value>
                        </Setter>
                        <Setter Property="LayoutTransform" TargetName="PART_Indicator">
                            <Setter.Value>
                                <RotateTransform Angle="90"/>
                            </Setter.Value>
                        </Setter>
                        <Setter Property="LayoutTransform" TargetName="Foreground">
                            <Setter.Value>
                                <RotateTransform Angle="-90"/>
                            </Setter.Value>
                        </Setter>
                    </Trigger>
                    <Trigger Property="IsIndeterminate" Value="true">
                        <Setter Property="Visibility" TargetName="Indicator" Value="Collapsed"/>
                    </Trigger>
                    <Trigger Property="IsIndeterminate" Value="false">
                        <Setter Property="Fill" TargetName="Animation" Value="#80B5FFA9"/>
                    </Trigger>
                </ControlTemplate.Triggers>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
</Style>

将此样式应用于您的ProgressBar,您就可以开始工作了:

代码语言:javascript
运行
AI代码解释
复制
<ProgressBar Style="{StaticResource FlatProgressBar}" Value="50" />

以下是最终结果:

票数 20
EN

Stack Overflow用户

发布于 2013-11-01 23:36:02

Nasreddine answers非常好,但如果你想要更简单的东西,你可以使用下面的

代码语言:javascript
运行
AI代码解释
复制
    <Style TargetType="{x:Type ProgressBar}">
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="ProgressBar">
                    <Border BorderBrush="#D9DCE1" BorderThickness="1" Background="#E8E8E8" CornerRadius="0" Padding="0">
                        <Grid x:Name="PART_Track">
                            <Rectangle x:Name="PART_Indicator" HorizontalAlignment="Left" Fill="#FF49A3E1" />
                        </Grid>
                    </Border>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>
票数 20
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/12871978

复制
相关文章
镜面光泽效果
镜面上扫过一道光泽是UI里面很常用的一种特效,通常用来强调某个物体或者凸显物体的“稀有”价值,比如卡片中扫过一道光芒等
异名
2020/06/09
5590
CampusBuilder场景中obj模型能批量删除吗?
在CampusBuilder搭建的场景中,如果引入obj模型不当(比如尺寸巨大等)会引起场景异常。此时,异常的模型可能都无法选中进行删除或参数设置操作,编辑陷入无法后续的窘境。
要不要吃火锅
2019/11/13
1K0
CampusBuilder场景中obj模型能批量删除吗?
pycharmprojects可以删除吗_删除pycharm项目
2.退回到主界面:选择到想要删除的项目,右键选中“remove selected from ……”,然后关闭pycharm,去项目位置删除项目文件即可。
全栈程序员站长
2022/09/27
3.2K0
pycharmprojects可以删除吗_删除pycharm项目
python 实现终端中的进度条
# -*- coding:utf-8 -*-   # Copyright: Lustralisk # Author: test # Date: 2015-11-08   import sys, time   class ProgressBar:     def __init__(self, count = 0, total = 0, width = 50):         self.count = count         self.total = total         self.width = 
py3study
2020/01/15
1.2K0
Python 中的多种进度条实现方法
文本进度条是在命令行界面中显示的一种基本的进度展示方法。可以使用字符或符号来构建文本进度条。这种方式很最简单, 就是使用print实现。
不止于python
2023/10/24
1.1K0
Python 中的多种进度条实现方法
Python 有可能删除 GIL 吗?
我们知道,在 CPython 中,有一个全局解释器锁,英文叫 global interpreter lock,简称 GIL,是一个互斥锁,用来保护 Python 世界里的对象,防止同一时刻多个线程执行 Python 的字节码,从而确保线程安全,这导致了 Python 的线程无法利用多核 CPU 的优势,因此有人说 Python 的多线程是伪多线程,性能不高,那么 Python 将来有可能去除 GIL 吗?
somenzz
2021/03/10
2.9K0
删除链表中的节点
请编写一个函数,使其可以删除某个链表中给定的(非末尾)节点。传入函数的唯一参数为 要被删除的节点 。
_kyle
2020/12/18
2.5K0
删除链表中的节点
#include<iostream> #include<vector> using namespace std; struct ListNode { int val; ListNode *next; ListNode(int x) : val(x), next(NULL) {} }; class Solution { public: void deleteNode(ListNode* node) { node->val = node->
大忽悠爱学习
2021/03/27
2.3K0
删除链表中的元素
题意 删除链表中等于给定值 val 的所有节点。 样例 给出链表 1->2->3->3->4->5->3, 和 val = 3, 你需要返回删除3之后的链表:1->2->4->5。 思路 只需要将一个指针,遍历链表,当链表中有元素与 val 值相同时,让当前节点的 next 节点直接指向 当前节点的 next.next 节点即可。 代码实现 /** * Definition for singly-linked list. * public class ListNode { * int val;
一份执着✘
2018/06/04
2.4K0
MongoDB中的删除操作
1. 删除用户 db.removeUser("username") 2.删除当前数据库 db.dropDataBase() 3.删除集合 db.collectionName.drop() 4.删除集合内指定文档 db.collectionName.remove({filter})
用户2936342
2018/08/27
1.7K0
视频结构化平台EasyCVR中的默认用户能被删除吗?
对于大多数平台来说,登录是保证用户资料不丢失的一个重要途径,比如EasyCVR这样的平台,一般都会有一个固定的默认用户,用来做一系列资料的备份,因此EasyCVR默认用户不支持被删除。
TSINGSEE青犀视频
2021/05/21
5350
在python中实现进度条
在python2中可以很方便的安装progressbar模块,但是python3中会报如下错误:
羽翰尘
2019/11/21
1.1K0
喜欢用Python做爬虫吗?进度条了解下?自制一个进度条模块!
我们在做Python爬虫脚本的时候,往往希望在运行的过程中可以实时查看到我的下载进度!之前我也一直想实现这个功能(绝对不是为了炫(装)耀(*)),也查看了很多博客但是各种解决方案都不是很满意(当然,progressBar和tqdm这两个库都是可选择也可操作的),很多时候我们需要一些定制功能的时候就需要考虑自己实现,这个功能其实很简单,我们可以自己去实现它!
云飞
2018/09/14
1.2K0
在Python中妥善使用进度条
在日常运行程序的过程中常常涉及到「循环迭代」过程,对于执行时间很短的程序来说倒无所谓,但对于运行过程有明显耗时的涉及「循环迭代」的程序,为其加上「进度条」(progress bar),是帮助我们监测代码执行进度以及处理中间异常错误非常实用的技巧。
派大星的数据屋
2022/04/03
2.9K0
在Python中妥善使用进度条
java数组删除元素_java中删除 数组中的指定元素方法[通俗易懂]
java中删除 数组中的指定元素要如何来实现呢,如果各位对于这个算法不是很清楚可以和小编一起来看一篇关于java中删除 数组中的指定元素的例子。
全栈程序员站长
2022/09/22
8.8K0
java删除文件内容_java 删除文件中的数据[通俗易懂]
如果只是想要文件中的内容,可以使用如下代码:FileOutputStream fs = new FileOutputStream(new File(“C:\\buyterms.txt”));
全栈程序员站长
2022/07/01
4.9K0
WordPress 本地删除了图片,CDN 的云存储上会同时删除图片吗?
我们继续来解答 WPJAM Basic 插件「CDN 加速」功能的常见问题,今天是关于图片同步的问题。
Denis
2023/04/13
2.2K0
WordPress 本地删除了图片,CDN 的云存储上会同时删除图片吗?
kafka删除topic中的数据_kafka删除数据
二、如果当前topic有使用过即有过传输过信息:并没有真正删除topic只是把这个topic标记为删除(marked for deletion)。想要彻底删除topic数据要经过下面两个步骤:
全栈程序员站长
2022/11/03
4.3K0
PHPCMS删除路径中的html
最新版本的PHPCMSV9直接在栏目设置中选择“是否生成到根目录”即可。新建栏目和已存在栏目没有区别,修改后,更新一下缓存即可。 下面是原来的方法(已过期) 我所使用的是PHPCMSV9默认情况下生成的静态页面,都是位于html文件夹下,我不希望有太长的url,所以接下来让我们一起来解决路径中html的删除方法。
李维亮
2021/07/09
2.2K0
删除链表中重复的结点
题目描述 解题描述 public class DeleteDuplicationInList { static class ListNode { public ListNode next; public Integer val; } /** * 只能删除连续的的重复数字 * @param pHead * @return */ public ListNode deleteDuplication(Li
MickyInvQ
2021/12/07
2.1K0
删除链表中重复的结点

相似问题

UITabBarItem从图像中删除光泽

11

从UITabBarItem中删除渐变/光泽

10

删除高图集系列的光泽

11

在sliderInput()中过滤的数据有光泽吗?

10

进度条没有显示与networkD3和光泽

11
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档