[WPF] Link imagesource to the debug folder of application

Question

1.00/5 (1 vote)

See more:

Hi,

I have a many rectangle in my program which be filled with image. I have done two method:-

1) Get image from outside of solution. Application will create a folder called Images and all the image are put on it. The rectangle ImageSource will link as this

XML

<ImageBrush ImageSource="Images/Background.jpg" />

2) Create a folder on the exe path(debug) and open choose image. The rectangle ImageSource will link as this

XML

<ImageBrush ImageSource="/Mypp;component/bin/Debug/image/background/Background.jpg" />

Both of my method will make my exe become large as the exe will embed the image on it. If I blank the rectangle and use code to memorystream the image from any path, it will take time to load(looks freeze) as on my page, some of it have 40rectangle to be filled. So have any other way to make exe smaller size which the ImageSource can be like

XML

<ImageBrush ImageSource="Debug/image/background/Background.jpg" />

I need to be like this because the image must be able to change but keep the filename and extension as same as current file based from user requirement.

So I'm asking anyone who knows the tricks or have some guideline, kindly share with me. Thanks programmer.

Posted 24-Apr-15 21:27pm

Luiey Ichigo

Add a Solution

2 solutions

Solution 1

You could try making the image file smaller? Reduce resolution, change compression technology etc.

Posted 27-Apr-15 1:57am

Wastedtalent

Comments

Luiey Ichigo 6-May-15 8:16am

Not the image, but the exe become smaller where image are not embed to the exe but refer to the link which dynamic

Wastedtalent 6-May-15 8:51am

If you want to avoid the freezing/make the application more responsive whilst loading you could load the images to memory on a separate thread and then once the load is completed notify the main thread to display the images.

Luiey Ichigo 9-May-15 15:47pm

using background worker?

Wastedtalent 11-May-15 3:41am

Background worker would be a good way to start with threading.

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)

Adeeb Arangodan · Accepted Answer · 2015-04-29T00:44:00

Solution 2

Instead of using Rectangle and ImageBrush, try using Border and Image tag.

Set MaxWidth and MaxHeight properties of the Image tag to specify the maximum width and height supported. Image will be shrink to fit in the size specified.

HTML

<Border Borderbrush="#395984" Borderthickness="2">
  <Image Source="./images/iq.png" MaxHeight="20" MaxWidth="20"></Image>
</Border>

Posted 29-Apr-15 0:44am

Adeeb Arangodan

Updated 29-Apr-15 0:49am

v3

Comments

Luiey Ichigo 20-May-15 4:35am

THis code i use and it works perfect. I dont know why when even I set the image stretch to Uniform, it still like rescale the rectangle. WHen using border, it center the image on it. Thanks