Zero basis learning canoe panel (5) -- change the value of the variable, and the control image also changes. What's going on?

• I am a Ant soldier , Focus on the field of on-board diagnosis , Especially good at CANoe Tool use
  
  
• Looking for organizations , Answer questions and solve doubts , Fishing and chatting , Blog source code , Click to add 【 Love each other and family 】
  
  
• Zero base learning CANoe Panel Summary of design catalogue , Click the jump

---

Preface

• Here's the picture , We see Panel Many controls in have images , And the image can be changed ; The main content of this section

• How to make these bmp perhaps png picture （ stay panel Can be used in ）

• To make the bmp How does the picture correspond to the variable value

• Demonstrate hardware and software environment Win11 x64 ; CANoe 11 SP2 x64
  

Example (1)

• 1️⃣ The most commonly used control is Switch/Indicator Control , Let's see the default style is the following , But when we actually use it , Often according to the physical meaning of this parameter , Bind a picture (bmp perhaps png Format , As an example at the beginning )

---

2️⃣ We can choose paint ,photoshop Wait for the drawing tool to draw a .bmp perhaps .png Format picture

• Here's the picture , I use paint Painted in three colors rectangular ,150 x 50 px

---

3️⃣ Put the Image Attribute selection This picture

• Add the image created above , And on and on Test_1 System variables are related
• Note that the color of the control is gray at this time , And designed test.bmp The first circle in the picture is also gray

---

4️⃣ stay CANoe In Engineering , Loaded this Panel after , Control is Red Of course. , Because the system variable Test_1 The value of is 0

---

5️⃣ Click the left mouse button on the control , Control is green Of course. . At this point, the system variable Test_1 The value of is 1

---

6️⃣ summary :

• bmp Bitmap has three colors , Corresponding to two values of system variables
• In the design Panel On the panel , The color of the control is the first color of the bitmap , gray ; stay CANoe The control in the project is the color corresponding to the variable

---

Example 2

1️⃣ Here's the picture , I drew another 300x 50px Of BMP Icon

• What I want to achieve is ： When the system variable Test_2 From 0 To 4 change , Then the color of the control will also change

---

2️⃣ To configure Image attribute

• Drag in another Switch/Indicator Control And put Test_4.bmp Picture selected , And on and on Test_2 System variables are related
• Be careful ： At this time, we should State Count Choose to be 5 , because 0-4 yes 5 It's worth it , After setting up ,Switch Value Automatically fill in 0,1,2,3,4
• And then click again Fit Image Size , This function is to make the display size of your control consistent with the size of the loaded image , For example, the size of this control is 50x50 Pixels

---

3️⃣ Run CANoe Look at the color change of the second control

• Click the left mouse button continuously , You can see Test_2 from 0 To 4, Controls are also rotating
  

---

draw BMP Rules for icon files

• One bmp The icon should contain n A small icon element （stage）, This icon is a rectangle , Length is a multiple of width .
• But the first stage It's not effective , Because the first one stage Used in design panel It shows , From the second color = Just and symbol Corresponding to the value of
• therefore If you want to design one that can express n Icon file of values , Then it should include n+1 individual stage

summary

• It needs to be used in the demonstration demo engineering , You can follow the official account online disk below to get it by yourself , Thank you for reading .
  
  

• Have the most simple life , The furthest dream , Even if it's freezing tomorrow , Lu Yao's horse died ！
  
  
• If this blog is helpful to you , please “ give the thumbs-up ” “ Comment on ”“ Collection ” One key, three links Oh ！ It's not easy to code words , Everyone's support is my driving force to stick to it .