在 Blend 中用图像制作进度条

     2023-02-22     253

关键词:

【中文标题】在 Blend 中用图像制作进度条【英文标题】:Make a progress bar out of a image in Blend 【发布时间】:2015-05-04 10:48:03 【问题描述】:

我一直在尝试在 Blend 中将图像作为进度条用于程序中以查看还剩多少时间,并且为了适应整个 GUI,我想要一个服装进度条而不是默认的绿色进度条,我有 2 个我想使用的图像,拿着酒吧的硬币容器和绿色酒吧本身。唯一的问题是我不知道如何设置这些东西。

【问题讨论】:

【参考方案1】:

除非您禁用应用程序的视觉样式,否则您无法更改进度条的颜色。我的建议是创建一个自定义控件,一个简单的方法是在每次进度更改时填充一个矩形。 因此,使用 Panel 作为容器并使用 PictureBox 在其上绘制停靠在容器上。在 PictureBox 的 Paint 事件中,检查进度是否发生变化(进度以 int 形式存储在属性或字段中)以及是否绘制了剩余的矩形:

//check if progress changed ex. if( lastProg != this.Progress ) 
using ( Graphics g = Graphics.FromImage( pb.Image ) ) 
    using( Brush brush = new SolidBrush( myColor ) ) 
        //calculate width and x here
        g.FillRectangle( brush, x, 0, width, pb.Heigth );
    

您需要知道它与其宽度成正比,因此如果它的大小可能因用户调整窗口大小而发生变化,您也必须对其进行缩放。 毕竟你可以添加一些其他的视觉风格,所以当进度真的很慢时,它感觉仍然有效。 嗯,这就是我的解决方案,如果你需要一个样品,这里是by CodeProject。

【讨论】:

Windows Phone -> MS Blend 4 中的动画点进度条

】WindowsPhone->MSBlend4中的动画点进度条【英文标题】:AnimateddotsprogressbarinWindowsPhone->MSBlend4【发布时间】:2012-12-1112:53:35【问题描述】:我想将这个简单的动画添加到介绍屏幕。它在屏幕上显示移动的点,如何添加?简单地添... 查看详情

带有图像和圆形进度条的圆形按钮

】带有图像和圆形进度条的圆形按钮【英文标题】:Circularbuttonwithimageandcircularprogressbar【发布时间】:2019-12-2819:29:53【问题描述】:我正在尝试制作一个按钮,里面有一个图像,外面有一个圆形进度条,按下按钮后是彩色的。我... 查看详情

如何在 WPF 中制作选取框进度条?

】如何在WPF中制作选取框进度条?【英文标题】:HowdoImakeamarqueeprogressbarinWPF?【发布时间】:2010-10-1222:12:03【问题描述】:在Winforms中,我可以将进度条的ProgressBarStyle设置为Marqee,对于我不知道它需要多长时间的进程,这将在无... 查看详情

如何在kivy中制作圆形进度条?

】如何在kivy中制作圆形进度条?【英文标题】:Howtomakecircularprogressbarinkivy?【发布时间】:2018-11-0516:04:11【问题描述】:我想用kivy和python制作一个简单的圆形进度条。我搜索了在线文档和GitHub曲目,但没有找到解释循环进度条... 查看详情

如何在Android中制作这个进度条? [关闭]

】如何在Android中制作这个进度条?[关闭]【英文标题】:HowtomakethisprogressbarinAndroid?[closed]【发布时间】:2017-09-0907:46:53【问题描述】:我想在android中制作这个进度条【问题讨论】:欢迎来到SO..在发布问题***.com/help/how-to-ask之前... 查看详情

在seaborn中用科学记数法制作颜色条

】在seaborn中用科学记数法制作颜色条【英文标题】:makingcolorbarwithscientificnotationinseaborn【发布时间】:2016-05-2622:20:52【问题描述】:我正在seaborn中绘制以下热图。数据帧是从下面读取的。csv文件:https://www.dropbox.com/s/mb3wc8mmis0m7g... 查看详情

不可见的进度条未通过代码显示

...题描述】:我正在制作一个项目Android应用程序,它采用图像URL、下载图像并显示图像。如果图像尺寸较大,我想向用户显示图像正在下载的不确定进度。Java代码:publicclassMainActivityextendsAppCompatActivity 查看详情

如何在没有 PHP Pusher 的情况下制作实时进度条

】如何在没有PHPPusher的情况下制作实时进度条【英文标题】:HowToMakeRealtimeProgressbarWithoutPHPPusher【发布时间】:2021-10-1602:17:25【问题描述】:我陷入了这个问题,关于在php上制作实时进度条(没有phppusher)假设我有10行数据,将... 查看详情

如何在 wpf 中制作多色分段进度条?

】如何在wpf中制作多色分段进度条?【英文标题】:HowcanImakeamulti-coloredsegmentedprogressbarinwpf?【发布时间】:2015-11-1306:43:19【问题描述】:我正在尝试创建一个用作分段进度条的UserControl。输入是对象的集合,每个对象都有一个类... 查看详情

快速在 UICollectionView 中显示多个图像上传的进度条

】快速在UICollectionView中显示多个图像上传的进度条【英文标题】:ShowingprogressbaronmultipleimageuploadinUICollectionViewinswift【发布时间】:2016-03-1712:12:34【问题描述】:我有一个使用UICollectionView设计的聊天视图。我已经成功实现了图像... 查看详情

制作进度条(uislider)

怎样判断是否应当使用进度条  用进度条的主要目的是为了用一根管子的充满程度来直观地表示某种数值的百分比,进度条分为可拖动和不可拖动两种。  可拖动进度条和不可拖动进度条的原理几乎是一模一样,唯一的区别... 查看详情

使用 CSS 慢慢地用颜色填充 SVG 图像(如进度条)

】使用CSS慢慢地用颜色填充SVG图像(如进度条)【英文标题】:SlowlyfillSVGimagewithcolor(likeprogressbar)usingCSS【发布时间】:2015-01-1110:37:26【问题描述】:我想用颜色而不是进度条填充svg图像。我将使用它来制作动画信息图。Filltheimag... 查看详情

有没有办法在 Apple Watch 中制作类似 iPhone 的进度条?

】有没有办法在AppleWatch中制作类似iPhone的进度条?【英文标题】:IsthereanywaytomakelikeiPhoneprogressbarinAppleWatch?【发布时间】:2015-04-0709:05:42【问题描述】:大家好,我是AppleWatch开发的新手,有什么方法可以在AppleWatch中显示进度条... 查看详情

前端页面加载进度条的制作

...效来表示,当加载完成的时候,再来显示内容。推荐一个制作进度条的网站icons8.com/preloaders/,制作进入条有以下几种方法。这种方法实现进度条简单粗暴,但是不是真实的。所以开发中一般不用这个。我们通过jquery来实现,这... 查看详情

快速创建围绕图像的圆形进度条

】快速创建围绕图像的圆形进度条【英文标题】:Creatingacircularprogressbararoundanimageinswift【发布时间】:2016-07-2712:05:09【问题描述】:我正在尝试在图像周围创建一个圆形进度条,如下面的屏幕截图所示。到目前为止,我已经设法... 查看详情

如何在加载图像时添加进度条或循环进度此代码(颤振)?我尝试了不同的解决方案,但没有运气:(

】如何在加载图像时添加进度条或循环进度此代码(颤振)?我尝试了不同的解决方案,但没有运气:(【英文标题】:HowcanIaddaprogressbarorCircularProgressthiscode(Flutter)whileanimageisloading?Ihavetrieddifferentsolutionsbutnoluck:(【发布时间】:2021-0... 查看详情

像在 WhatsApp 中一样加载多个图像进度条

】像在WhatsApp中一样加载多个图像进度条【英文标题】:MultipleImagesProgressBarloadingLikeinWhatsApp【发布时间】:2015-08-1711:52:27【问题描述】:我想在上传或下载图像或视频时在WhatsApp中显示多个进度条。以及完成的进度条隐藏进度条... 查看详情

#进度条的制作(代码片段)

importtimeforiinrange(100):sys.stdout.write("#")#在屏幕上输出#time.sleep(0.1)sys.stdout.flush()#刷新功能 查看详情