Draw Image every so many pixels

Question

1.00/5 (1 vote)

See more:

Hello Community, (New Guy Here qith vb.net 2010 question)

Im struggling to figure this out.

What im trying to do is draw either a picturebox or image then skip 50 pixels then draw another image or picbox and repeat this process. I need this to happen across the entire window form and stop the the end width pixel of the form.

Possible? I figure it might be some sort of loop or array maybe even both.. but im new to this area of VB.net programming so im hoping for help.

If it means anything what i am trying to do here is something ive been trying to accomplish for years using vb6 and now vb.net and no luck.

Thanks in advance! You have my gratitude eternally you really have no idea seriously!

Posted 10-Oct-14 11:55am

Member 11133722

Updated 10-Oct-14 12:21pm

Sergey Alexandrovich Kryukov

v2

Add a Solution

Comments

Sergey Alexandrovich Kryukov 10-Oct-14 18:23pm

Was your previous question removed? Probably it was automatically removed due to some abuse reports: not clear, not a question.
I already told you: forget PictureBox. Explain what do you want to draw and where. What do you have on input? What's the problem? Why all that?
—SA

Member 11133722 10-Oct-14 18:34pm

I removed and made more simplified i think.

Starting at the window form frame Draw an Image separate by 50pixels then Draw Image then 50pixels then Draw Image then 50pixels then Draw Image, so on and so on until it reaches the window frame width end. I dont want to do this manually because its going to need to be dependent on the window width which may change.

Trying to draw pictures dynamically with 50 pixel spacing between them on my Window.

I hope this may make more sense.

Sergey Alexandrovich Kryukov 10-Oct-14 18:44pm

Hm. Somehow, I did not spotted the improvement. You really need to be more clear. This is not about language, this is about your logic.
—SA

Sergey Alexandrovich Kryukov 10-Oct-14 18:45pm

So, are they fixed images? Then use PictureBox, really, and learn some layout. This is easy. How about the window? Fixed size? Do you want a matrix of images or what? What do you want to see if they don't fit in the form? Are the image sized identical or not? Do you want them to freely flow in rows, perhaps? There are so many possible designs behind your vague description...
—SA

Member 11133722 10-Oct-14 18:59pm

Once again, Sorry.

Images are all the same size. How would i loop images and the loop stop at the window frame. One line matrix maybe?

Ok ill explain what im making or trying to make. I have several png icons that look like christmas light bulbs. I want to make it look like there are bulbs placed along the top of my program form. Make sense? so im trying to place images with spacing thats dynamic because the window size may change and i dont want it to look like its cut off if you do so placing them manually. a good example is here but its on the top of the desktop instead of in the form window / area. http://img.informer.com/screenshots/17/17338_2.jpg

See what i mean?

sorry if i cant explain it better and appreciate your time if its still not enough but thats the best i can do. i am a beginner.

Sergey Alexandrovich Kryukov 10-Oct-14 19:18pm

Sure, but you did not clarify much? The design? Matrix, rows, free flow? Could be a lot of it.
—SA

Member 11133722 10-Oct-14 19:21pm

i guess a row since its only suppose to be in a horizonal line, i believe a matrix would cover the entire form.. not sure about free flow but if you have example of what you mean that may help if you are still interested in working with me.

Sergey Alexandrovich Kryukov 10-Oct-14 19:34pm

I answered, please see. I suggest you play with different design to see how they work...
—SA

BillWoodruff 11-Oct-14 10:37am

I suggest you revise your question to include all the information that emerged in your dialogue with Sergey.

If the Form re-sizes to any width, and the Image sizes remain constant, and the gaps between them remain constant, and you want the images to cover the entire width of the Form, then: you are going to need to show a variable number of the Images depending on the Form size, and you'll have to dynamically adjust them in terms of starting position of the first Image if you want them to look centered in the Form.

Sergey Alexandrovich Kryukov 11-Oct-14 20:12pm

I agree. That's why I suggested OP just to try out different designs, too feel the behavior. From out dialog with OP, I got the impression that OP did not yet consider the consequences of resizing. This aspect should always be considered, even if the form is done non-resizeable. Why? Because, in all cases, it still can be resized in a designer and break the layout, it resize is not properly taken into account. In practice, it's always important to make any design resize-tolerant.
—SA

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Sergey Alexandrovich Kryukov · Answer 1 · 2014-10-10T13:33:00

You could simply arrange the instance of PictureBox in a loop, the way you want. A matrix would be a nested X-Y loop, and so on.

However, you may want the images to flow as you resize the window, preserving those gaps. Then you can use the class System.Windows.Forms.FlowLayoutPanel:
http://msdn.microsoft.com/en-us/library/system.windows.forms.flowlayoutpanel%28v=vs.110%29.aspx[^].

How to preserve the 5-pixel gaps then? You need to put each PictureBox in a fixed-size panel 5 pixels taller and wider. And then you can use the property Padding on that panel to create some gaps, say, on right and bottom. (Then you may need to make the rightmost panel of different Width and Padding, to unwanted avoid extra gap.) And then drop those bigger panel instances in a flow panel, which will auto-arrange the layout. It's just a matter of trying, to see what would you prefer and evoke further ideas.

You also need to know how to add a control in code. Here is how:

VB

Dim someChildControl As Control = '...
Dim someOtherChildControl As Control = '...
Dim someParentControl As Control = '...

' set some other properties, size, location, DockStyle, whatever applicable...

someParentControl.Controls.Add(someChildControl);
' or, same thing:
someOtherChildControl.Parent = someParentControl;

I also have another, universal idea. Create a prototype of what you want to see using the designer, build/run the project. And then, look at the auto-generated code to see how it was implemented in code. After you understand it, use the technique in your own code.

—SA