Change Needle Style

Forum for Arction Gauges users. Share your problems, questions, and improvement suggestions here. As Gauges is FREE, Arction monitors this forum occasionally, but does not take any obligation to answer the posts.

Moderator: Arction_LasseP

Post Reply
matstumpf
Posts: 3
Joined: Mon Aug 15, 2016 7:35 pm

Change Needle Style

Post by matstumpf » Mon Aug 15, 2016 7:37 pm

Hi!

I would like to change the needle style for the agc:gauges. I´ve seen that it has an option: "Custom", but how can I custom the needle?

Thanks in advance!

User avatar
ArctionNikolai
Posts: 38
Joined: Fri Feb 05, 2016 11:37 am
Location: Finland
Contact:

Re: Change Needle Style

Post by ArctionNikolai » Tue Aug 16, 2016 10:59 pm

Hello,

My name is Nikolai and I am representative of Arction. Thank you for your question.

Customization options are available for all needle styles, not only for "Custom needle". May be, it can confuse, but custom option means that needle for a gauge is with a tickmarker, which follows with a needle and shows value above just a front of needle ending. And you can customize that marker and needle of course. That is all the difference between custom needle and other styles.

Each needle can be customized with shape, thickness, length and colours, depends on your wish. What kind of customization would you like to make???

Wish you all the best and looking forward to hearing from you.
Nikolai Arsenov
Software developer
Arction Ltd
Microkatu 1, 70210 Kuopio, Finland

User avatar
ArctionNikolai
Posts: 38
Joined: Fri Feb 05, 2016 11:37 am
Location: Finland
Contact:

Re: Change Needle Style

Post by ArctionNikolai » Thu Aug 18, 2016 7:40 pm

matstumpf wrote:Hi!

I would like to change the needle style for the agc:gauges. I´ve seen that it has an option: "Custom", but how can I custom the needle?

Thanks in advance!
Did you find solution?
Nikolai Arsenov
Software developer
Arction Ltd
Microkatu 1, 70210 Kuopio, Finland

matstumpf
Posts: 3
Joined: Mon Aug 15, 2016 7:35 pm

Re: Change Needle Style

Post by matstumpf » Fri Aug 19, 2016 6:17 pm

Hi!

Thanks for the reply and sorry for the delay, i was kind of busy on last days..

I would like to add a custom image (.png or .jpeg) to the needle, or build my own shape!

User avatar
ArctionNikolai
Posts: 38
Joined: Fri Feb 05, 2016 11:37 am
Location: Finland
Contact:

Re: Change Needle Style

Post by ArctionNikolai » Sat Aug 20, 2016 6:01 am

matstumpf wrote:Hi!

Thanks for the reply and sorry for the delay, i was kind of busy on last days..

I would like to add a custom image (.png or .jpeg) to the needle, or build my own shape!
Hello, I am glad to hear from you.

For adding image (.png / .jpg / .bmp) you can try to change your needle style in the following steps:

- Select in your XAML <agc:Scale> in Primary scale section (<agc:Gauge.PrimaryScale>).
- Then find property "Dial" and click "New" button.
- Then find property "DialElement" and click "New button". It will offer to select needle for modification. For this solution, you may select "WideNeedle".
Expand Arction.X.Gauges/Arction.Needles.
- After steps mentioned above, you wil have new XAML lines (<agc:Dial.DialElement><Needles:X>).
- In this specific needle, select Background as Image, choose picture you like.
- It will be under the needle. So, you have to make needle smaller or make it transparent.

1. First of all, in the same property tree, You can decrease width to make needle smaller, but background area has still the same size, then increase length (Needle will grow, but picture will be in front of it).

Sample code. Speedometer gauge was modified so.

Code: Select all

<agc:Dial DialShape="Custom" Length="389">
  <agc:Dial.DialElement>
    <Needles:WideNeedle Width="1337">
      <Needles:WideNeedle.Background>
        <ImageBrush ImageSource="Pictures/metalTexture.jpg" Stretch="Uniform"/>
       </Needles:WideNeedle.Background>
     </Needles:WideNeedle>
  </agc:Dial.DialElement>
</agc:Dial>
See picture:
Needle1.PNG
Picture and Needle are visible.
Needle1.PNG (51.94 KiB) Viewed 12829 times
2. Or as I said, change transparency:
- Go to the <agc:Scale x:Name="X"> and change for this specific needle all three colors to transparent. (Set Alpha channel to 0).

See picture:
Needle2.PNG
Transparent needle. Picture is visible.
Needle2.PNG (36.75 KiB) Viewed 12829 times
Is it same result as you expected?

I do hope it helps you in your projects. I am happy to answer all your further questions.

If you would like to order some features, you could contact with our support by e-mail.

Best regards
Nikolai Arsenov
Software developer
Arction Ltd
Microkatu 1, 70210 Kuopio, Finland

matstumpf
Posts: 3
Joined: Mon Aug 15, 2016 7:35 pm

Re: Change Needle Style

Post by matstumpf » Sat Oct 15, 2016 1:28 pm

Hi!

Thanks for the reply!

I understand and could do the instructions you told me, but what I really want is something like that (attached png)

Is it possible? Thanks!
Attachments
Untitled-2.png
Untitled-2.png (229.66 KiB) Viewed 12400 times

Post Reply