XWidgetSoft Forum

XWidget & XLaunchpad , Desktop customization
It is currently May 10th, 2025, 2:15 pm

View unanswered posts | View active topics


Board index » XWidget Forum » Help: XWidget Skins/Widget

All times are UTC - 8 hours




Post new topic Reply to topic  Page 1 of 1
  [ 8 posts ] 
  Print view Previous topic | Next topic 
Author Message
dexterkamiya
PostPosted: December 9th, 2013, 3:10 pm 
Offline

Joined: December 9th, 2013, 3:04 pm
Posts: 5
can somebody give me a code for change image with percent
the example like if ram make higher the progress bar on xwidget will change the colour from green to red

anybody can help me ?

i want port this rainmeter widget for xwidget
(sorry for my bad english)
Image
Top
 Profile  
 
Jimking
PostPosted: December 9th, 2013, 5:03 pm 
Offline
User avatar

Joined: December 5th, 2012, 5:52 pm
Posts: 4887
You can use the default "Gradient option" of the Designer or create a .png image and then apply it like the "Foreground Fill" for the progress bar choosing "fill with graphic"- "Allow clipped". You can find all these in the designer. Just play with the options to see the results..

_________________
...and remember: don't take life too seriously...
My profile on Deviantart: http://jimking.deviantart.com/
Top
 Profile  
 
dexterkamiya
PostPosted: December 9th, 2013, 6:02 pm 
Offline

Joined: December 9th, 2013, 3:04 pm
Posts: 5
oke, i will try, thanks for helping
EDIT:
but i need to change it with 3 colour
green - yellow - red

and what u say just for 1 colour, i need how it be change in percent
Top
 Profile  
 
Jimking
PostPosted: December 9th, 2013, 6:25 pm 
Offline
User avatar

Joined: December 5th, 2012, 5:52 pm
Posts: 4887
dexterkamiya wrote:
oke, i will try, thanks for helping
EDIT:
but i need to change it with 3 colour
green - yellow - red

and what u say just for 1 colour, i need how it be change in percent

When you use the gradient option is not for one colour! Set the start colour "green" and the end colour "red" and you will see..
Also as I said you can use a ready png image and use it for the "Foreground Fill" of the progress bar, like this one for example:


Attachments:
34-35-gorgeous-progress-bars.jpeg
34-35-gorgeous-progress-bars.jpeg [ 35.55 KiB | Viewed 6295 times ]

_________________
...and remember: don't take life too seriously...
My profile on Deviantart: http://jimking.deviantart.com/
Top
 Profile  
 
dexterkamiya
PostPosted: December 9th, 2013, 6:32 pm 
Offline

Joined: December 9th, 2013, 3:04 pm
Posts: 5
jimking wrote:
dexterkamiya wrote:
oke, i will try, thanks for helping
EDIT:
but i need to change it with 3 colour
green - yellow - red

and what u say just for 1 colour, i need how it be change in percent

When you use the gradient option is not for one colour! Set the start colour "green" and the end colour "red" and you will see..
Also as I said you can use a ready png image and use it for the "Foreground Fill" of the progress bar, like this one for example:


but not like that, what i mean is full green, when 60% the image will be yellow, if 30% that will be red
Top
 Profile  
 
Jimking
PostPosted: December 9th, 2013, 6:41 pm 
Offline
User avatar

Joined: December 5th, 2012, 5:52 pm
Posts: 4887
dexterkamiya wrote:
but not like that, what i mean is full green, when 60% the image will be yellow, if 30% that will be red

Then you should make the image by yourself dexterkamiya and use the %tenth code! All who made a widgets like this use custom images..
Like this one:
http://android.xwidget.com/page/widgets ... ontal.html
or
use the "when the % is .... show this" script like this one:
viewtopic.php?f=11&t=3036&hilit=lights

_________________
...and remember: don't take life too seriously...
My profile on Deviantart: http://jimking.deviantart.com/
Top
 Profile  
 
dexterkamiya
PostPosted: December 9th, 2013, 10:31 pm 
Offline

Joined: December 9th, 2013, 3:04 pm
Posts: 5
jimking wrote:
dexterkamiya wrote:
but not like that, what i mean is full green, when 60% the image will be yellow, if 30% that will be red

Then you should make the image by yourself dexterkamiya and use the %tenth code! All who made a widgets like this use custom images..
Like this one:
http://android.xwidget.com/page/widgets ... ontal.html
or
use the "when the % is .... show this" script like this one:
viewtopic.php?f=11&t=3036&hilit=lights


thanks, its work now :D
thanks for helping

ScreenShoot
Top
 Profile  
 
hamid
PostPosted: December 10th, 2013, 9:52 am 
Offline

Joined: October 26th, 2013, 8:17 am
Posts: 362
as an another way:
you could also use this in your code:
Code:
progressbar1.Fore.Draw.SolidColor.Color=rgba(241,117,0,255)

and use your color inside rgba()
for example:
rgba(241,117,0,255) //for orange color
rgba(19,228,0,255) //for green color
rgba(226,0,0,255) //for red color

you can get color numbers from one of the select color dialogs in designer


====================
by using this method
the code will be like this:
Code:
function cpucore1OnUpdate(Sender)
{
  if(cpucore1.get("%Percent")<50)
  {
     progressbar1.Fore.Draw.SolidColor.Color=rgba(19,228,0,255)
  }
  else if(cpucore1.get("%Percent")>=50&cpucore1.get("%Percent")<80)
  {
     progressbar1.Fore.Draw.SolidColor.Color=rgba(241,117,0,255)
  }
  else if(cpucore1.get("%Percent")>=80)
  {
     progressbar1.Fore.Draw.SolidColor.Color=rgba(226,0,0,255)
  }
}
Top
 Profile  
 
Display posts from previous:  Sort by  
Post new topic Reply to topic  Page 1 of 1
  [ 8 posts ] 

Board index » XWidget Forum » Help: XWidget Skins/Widget

All times are UTC - 8 hours


Who is online

Users browsing this forum: No registered users and 40 guests

You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot post attachments in this forum

Search for:
Jump to:  

Powered by phpBB® Forum Software © phpBB Group