tag:blogger.com,1999:blog-9997433843062723542024-03-14T03:20:32.306-07:00Geek Girls adventures in Expression BlendBearuhhttp://www.blogger.com/profile/10428183768980808575noreply@blogger.comBlogger26125tag:blogger.com,1999:blog-999743384306272354.post-88371631706517235022008-07-16T07:10:00.000-07:002008-07-16T07:13:29.805-07:00Pop up and tabs control in Expression BlendI found this on the forum and thought it could be very helpful. Let me know if it is!<br /><strong>QUESTION:</strong><br />Hello,I have a question about the Popup. I don't see any object which is inside of the Popup control. Let's say if I have a grid with a few buttons inside a Popup, those objects would not be visible. Right now, my work around is that I comment out Popup tags temporarily (beginning and end separately) so I can see my grid with buttons, will do my changes and uncomment Popup tags, so I can test my application. The behavior of the Popup is exactly the same as the TabControl (see my other post about TabControl display problem). During the design time Popup content is not visible. On the run time everything shows properly.Is it a bug, or my Blend 2.5 is not installed properly?Thank you,Adam<br /><br /><strong>ANSWER:</strong><br />Adam,If you select your Popup object in Objects and Timeline tree, see if the Width and Height values on the Layout palette are zero. If they are, click on the crossed-arrow buttons to the right of the Width and Height to set them to Auto. Now you should be able to see your Popup and the objects inside it. Let me know if that works for you.Jonathan [MSFT]Bearuhhttp://www.blogger.com/profile/10428183768980808575noreply@blogger.com0tag:blogger.com,1999:blog-999743384306272354.post-2047847509302642492008-07-16T06:56:00.000-07:002008-07-16T07:00:15.209-07:00Pop up or drop down in silverlight 2.0 beta 2It took me SO long to find out how to make this! I was lucky enough to have the help of Jeetendra from the Microsoft forum. <a href="http://cid-2ea4b98eedd4b2dd.skydrive.live.com/self.aspx/Public/SilverlightApplication75.zip">Here is a link </a>to the blend project so you can download it yourself and see how it works. It is easily customized and don't forget to ask any questions if needed!<br /><a href="http://cid-2ea4b98eedd4b2dd.skydrive.live.com/self.aspx/Public/SilverlightApplication75.zip"></a>Bearuhhttp://www.blogger.com/profile/10428183768980808575noreply@blogger.com0tag:blogger.com,1999:blog-999743384306272354.post-67521611360651337272008-07-11T10:33:00.000-07:002008-07-11T10:54:06.921-07:00ComboBox customize - and mouse statesSo make a normal combobox (from the asset library). Now right click it and choose 'Edit Control Parts (Template)' and Edit Copy. Name it whatever you feel like. Now right click [ToggleButton].<br />and do the same. now there should be something called Chrome that is a ButtonChrome. you can either change the colors to your choce or if you are like me and want a round cornered button then you have to make 'Chrome' have invisible colors. Dont change the Opacity under the appearance panel. You have to choose every color that 'Chrome' has and change the 'A' to 0% (remember.. for every color stop it has). So now it is invisible. Now you double click the grid (in objects and timeline) then make a square. Make the square so it is a little larger than Chrome was so it can cover it completely. You might have to move the square behind any text that you had in the button. Now round the corners (of the square) as you want them. YAY! you have a customized combobox button! Hmmm but you want to have some sort of roll over effect right?<br /><br />Here is how you give it some custom mouse states.<br /><br />Stay where you are inside of the combobox. (or read the top and go back to where you were). Now add a timeline named MouseOver. Change the square to the color you want to see when the mouse is over the button. now make another timeline named MouseDown. Do the same. Ok now you want these to work. So look at your trigger pallet. Click on IsMouseOver=True. Press plus sign next to 'Actions when activating' . Now use the little drop down adn choose the timeline you just created named MouseOver. Keep the other part as 'Begin'. Now scroll down a little and do the same for 'Actions when Deactivating' but choose your timeline MouseOver and instead of Begin choose Stop. Try it out!! Your mouse over state should work great! Now you need to do the same for your MouseDown timeline except you need to add a property under the triggers pallett. change 'IsChecked' to IsPressed' and do the same as above except choose your timeline MouseDown. Then when you are done test it! YAY! Let me know if you have any questions or suggestions!Bearuhhttp://www.blogger.com/profile/10428183768980808575noreply@blogger.com0tag:blogger.com,1999:blog-999743384306272354.post-41416069943834313922008-05-22T09:24:00.000-07:002008-05-22T09:28:26.261-07:00Sliding / Scrolling ViewerThanks to WilliamStacey over at the Blend Forum for help on this:<br /><br />Make a StackPanel inside a ScrollViewer. Make the StackPanel layout horizontal and add your pictures or icons or whatever you want! Size it to view all (Auto for W and H). Set your ScrollViewer to Horizontal scrollbar and remove Vertical scrollbar. You could add your own custom buttons below to scroll using events.<br /><br />There is also a ButtonGallary sample in Blend 2 (under Help/WelcomeScreen) that could be what your looking.Bearuhhttp://www.blogger.com/profile/10428183768980808575noreply@blogger.com0tag:blogger.com,1999:blog-999743384306272354.post-83883983959230784952008-04-11T11:18:00.000-07:002008-04-11T12:11:51.919-07:00How to Make Buttons in Silverlight 2.0Yes.. it is very very annoying when you are a designer and you use silverlight 2.0 in blend.. why? NO CUSTOM BUTTONS! Well.. now I will teach you how through code. No.. its not as hard as it seems.. it is quite easy! Its just hard when you ask a coder because they talk like they are from mars. But I am an earthling so here it is in earthling designer terms:<br /><br />Make a new silverlight 2.0 application and name it 'SilverlightApplication4'<br />So lets say you want to make 2 buttons. draw 2 different squares in blend.<br />Name them! Name one 'rectangle' and the other 'rectangle1'. It is very important you name them.<br />ok now you need to make the states for the rectangle button. make these different timelines:<br />'rectangleMouseOver' 'rectangleMouseDown' 'rectangleMouseUp'<br />in each timeline make the rectangle a different color. lets say.. in one timeline red.. the other green.. and the last purple.<br />Now you need to make the states for the other btn 'rectangle1'. So do the same thing except name the timelines 'rectangle1MouseOver' 'rectangle1MouseDown' 'rectangle1MouseUp' change the colors like before.<br />ok now its time for the scary dreaded code! First you need to right click 'rectangle' and view xaml.<br />Now put this code in right after x:Name="rectangle"<br /><br />MouseEnter="rectangle_MouseEnter" MouseLeave="rectangle_MouseLeave" MouseLeftButtonDown="rectangle_MouseLeftButtonDown" MouseLeftButtonUp="rectangle_MouseLeftButtonUp"<br /><br />Now do the same for the other btn "rectangle1" except when you copy the code in you need to make it say "rectangle1" = whatever... not "rectangle" = whatever.<br /><br />Ok now on to the last coding.<br /><br />Click on the project tab in the upper right of blend. find where it says page.xaml and click on the little arrow next to it to drop down the list. You should see Page.xaml.cs. Double click it.<br /><br />Ok now you need to make that code look like this:<br /><br />using System;<br />using System.Windows;<br />using System.Windows.Controls;<br />using System.Windows.Documents;<br />using System.Windows.Ink;<br />using System.Windows.Input;<br />using System.Windows.Media;<br />using System.Windows.Media.Animation;<br />using System.Windows.Shapes;<br />namespace SilverlightApplication4<br />{<br />public partial class Page : UserControl<br />{<br />public Page()<br />{<br />// Required to initialize variables<br />InitializeComponent();<br />}<br />private void rectangle_MouseEnter(object sender, MouseEventArgs e)<br />{<br />this.MouseOver.Begin();<br />}<br />private void rectangle_MouseLeave(object sender, MouseEventArgs e)<br />{<br />this.MouseLeave.Begin();<br />}<br />private void rectangle_MouseLeftButtonDown(object sender, MouseButtonEventArgs e)<br />{<br />this.MouseDown.Begin();<br />}<br />private void rectangle_MouseLeftButtonUp(object sender, MouseButtonEventArgs e)<br />{<br />this.MouseUp.Begin();<br />}<br /><br /><br />}<br />}<br /><br /><br />That will make your first rectangle work!<br /><br />Now to make the second one work please findthe last part that says:<br /> private void rectangle_MouseLeftButtonUp(object sender, MouseButtonEventArgs e){this.MouseUp.Begin();}<br /><br />But before the last 2 "}}"<br /><br />Add in this code:<br /><br /><br /><br /><br />private void rectangle1_MouseEnter(object sender, MouseEventArgs e){this.MouseOver.Begin();}private void rectangle1_MouseLeave(object sender, MouseEventArgs e){this.MouseLeave.Begin();}private void rectangle1_MouseLeftButtonDown(object sender, MouseButtonEventArgs e){this.MouseDown.Begin();}private void rectangle1_MouseLeftButtonUp(object sender, MouseButtonEventArgs e){this.MouseUp.Begin();}<br /><br /><br /><br />There you go.. if anyone has any problems please let me know!Bearuhhttp://www.blogger.com/profile/10428183768980808575noreply@blogger.com0tag:blogger.com,1999:blog-999743384306272354.post-2352345089193653752008-03-18T13:56:00.001-07:002008-03-18T14:02:39.562-07:00Creating a Frame to host other websitesThis is a tutorial to show you how to make a frame in blend. Create a rectangle the size you would like your new frame. Right click the rectangle and view XAML. type the following ABOVE the rectangle tag/code :<br /><br />*Frame Source="<a href="http://www.google.com%22/">http://www.google.com"/</a>*<br /><br />JUST REMEMBER: dont use '*' like I did.. use '<' and '>' in their place. I had to use * so the code would show up for you in blogger.Bearuhhttp://www.blogger.com/profile/10428183768980808575noreply@blogger.com0tag:blogger.com,1999:blog-999743384306272354.post-87432119107098586912008-03-18T12:02:00.000-07:002008-03-18T12:09:04.429-07:00expandable control with windowDo you have a user control in your project that just wont expand with the window(when tested)?<br /><br />Then here is what you do:<br /><br />First click on the control in your project and make sure it is set to stretch and also auto. Now if that does not work go open up your user control and check if the user control and layout root are set to stretch and Auto.<br /><br />that should do it! ;)Bearuhhttp://www.blogger.com/profile/10428183768980808575noreply@blogger.com0tag:blogger.com,1999:blog-999743384306272354.post-17157625559199523282007-12-06T13:27:00.000-08:002007-12-06T13:31:26.864-08:00Loop a timeline - repeat timelineNeed to know how to loop a timeline in expression blend? Here is how!<br /><br />in the objects and timeline click the arrow next to the object you are animating. If there is something in the drop down with another arrow click it.. repeat! The ones that do not have arrows you will <span class="blsp-spelling-corrected" id="SPELLING_ERROR_0">be able</span> to right click them and set the repeat count to whatever you want. There is a little icon when you set the repeat count that will let you set it to infinite if needed.Bearuhhttp://www.blogger.com/profile/10428183768980808575noreply@blogger.com0tag:blogger.com,1999:blog-999743384306272354.post-20511920378075505942007-11-28T07:08:00.000-08:002007-11-28T07:19:35.226-08:00How to center a control or object within a grid within the pageI have a grid with a control in it. I want the control ( or object ) to be centered in the grid when the window is expanded. This is how I did it:<br /><br /><strong><span style="font-size:180%;color:#ffffff;">The grid</span></strong><br /><br />Width is set to : Auto<br /><br />Height to: 705.5 (yours will be different, it is whatever you want/need)<br /><br />Row 1<br />Row Span 1<br />Column 0<br />ColumnSpan 2<br /><br /><span style="color:#cc0000;">Horizontal Alignment Center</span><br /><span style="color:#cc0000;">Vertical Alignment Center</span><br /><br />Margin<br /><--172.176<br />-->2.131<br />(up)10<br />(dwn)-22.5<br /><br /><span style="font-size:180%;color:#ffffff;"><strong>My control :</strong></span><br /><br />Width 533<br />Height 600<br />Row 0<br />Row Span 1<br />Column 0<br />Column Span 1<br /><span style="color:#cc0000;">Horizontal Alignment Stretch</span><br /><span style="color:#cc0000;">Vertical Alignment Stretch</span><br /><br />Margin<br /><--41.25<br />-->48.75<br />(up3.25<br />(dwn)102.25Bearuhhttp://www.blogger.com/profile/10428183768980808575noreply@blogger.com0tag:blogger.com,1999:blog-999743384306272354.post-85561488614714947802007-10-26T10:43:00.000-07:002007-10-26T10:45:54.777-07:00timeline does not automatically play. Stop TimelineTook me a long time to figure this one out!<br /><br />When you create a new timeline, Blend creates by default an Event trigger which starts the animation when the scene is loaded.<br /><br />Here is how you can delete it:-<br />open the Triggers palette- select the "Window.Loaded" event; (the bottom area of the palette will show all the actions for the "Window.Loaded" Event trigger)- click on the "-Trigger" button<br /><br />In a similar way you can add an Event Trigger to start the animation when the button is clicked:- create the button- select the button- click on "+ Event"- select "button" in the first field (when button) and Click in the second field (in the end it will say: When button.Click is raised)- click on the "+" button- select Storyboard1.Begin as the action<br /><br />You may also start the animation from code if you want: - add an Event in the property inspector OnButtonClick to the button - insert the following code (replace Storyboard1 with the name of your storyboard private void OnButtonClick(object sender, RoutedEventArgs e) { Storyboard storyboard = this.FindResource("Storyboard1") as Storyboard; storyboard.Begin(this); }<br /><br />Thanks Adrian! You helped out a ton!Bearuhhttp://www.blogger.com/profile/10428183768980808575noreply@blogger.com0tag:blogger.com,1999:blog-999743384306272354.post-52996904175651936422007-10-18T12:49:00.000-07:002007-10-18T12:52:10.925-07:00Slider binded to text block with NO DECIMALS!put this:<br /><br /><span style="color:#ff0000;">IsSnapToTickEnabled="True"</span><br /><br />into your XAML for the slider<br /><br />(right click the slider and click view XAML.. then put that into the part of XAML for the slider)<br /><br />Works great.. no decimals or extra numbers!<br /><br />Expression BlendBearuhhttp://www.blogger.com/profile/10428183768980808575noreply@blogger.com0tag:blogger.com,1999:blog-999743384306272354.post-64914081884018957092007-10-15T17:01:00.001-07:002007-10-15T17:01:34.083-07:00linkanother great link for tutorials and tips:<br /><a href="http://www.blendtips.com/">http://www.blendtips.com/</a>Bearuhhttp://www.blogger.com/profile/10428183768980808575noreply@blogger.com0tag:blogger.com,1999:blog-999743384306272354.post-10038772619794502102007-10-15T16:58:00.001-07:002007-10-15T16:59:36.254-07:00Flash in blendhere is the only tutorial I have ran across so far that teaches how to put flash in blend (by making a flash player)<br /><br /><a href="http://blogs.msdn.com/jijia/archive/2007/06/07/wpf-flash-activex.aspx">http://blogs.msdn.com/jijia/archive/2007/06/07/wpf-flash-activex.aspx</a><br /><br />Its in another language but there is a ton of pictures and a tiny bit of english.. good luck!Bearuhhttp://www.blogger.com/profile/10428183768980808575noreply@blogger.com0tag:blogger.com,1999:blog-999743384306272354.post-72005478690479402302007-10-15T16:51:00.000-07:002007-10-15T16:58:09.201-07:00Slider that changes text block value1. Make a slider (in the asset library) and name it "mySlider"<br />2. Make a text block name it "myTextBlock"<br />3. Click the small square in common properties tab next to text field<br />4.In the context menu, click Data Binding.<br />5.The Create Data Binding dialog box appears. On the Element Property tab, choose the mySlider (in the Scene elements column).<br />6.In the column to the right, choose the property Value.<br />7.Click Finish. An orange border appears around the text box of the property that has been bound<br /><br />Im working on figuring out how to make it not use decimalsBearuhhttp://www.blogger.com/profile/10428183768980808575noreply@blogger.com0tag:blogger.com,1999:blog-999743384306272354.post-14397520259501513912007-10-01T11:16:00.000-07:002007-10-01T11:25:05.072-07:00TimeLine ChangesHere is something very important I learned today about timelines by reading the user guide:<br /><br /><br /><strong><span style="font-size:130%;color:#ffffff;">Ease In</span></strong> The ease in value modifies how the property value changes as time approaches the keyframe. You can set the degree of ease by specifying a value between 0% (no ease) and 100% (full ease, which is half the time distance between the previous keyframe and the edited keyframe).<br /><br /><strong><span style="font-size:130%;color:#ffffff;">Ease Out</span></strong> The ease out value modifies how the property values changes as time moves away from the keyframe. You can set the degree of ease by specifying a value between 0% (no ease) and 100% (full ease, which is half the time distance between the edited keyframe and the next keyframe).<br /><br /><strong><span style="font-size:130%;color:#ffffff;">Hold Out</span></strong> Hold out doesn’t interpolate changes over time; rather it makes an abrupt change to the new property value when the play head reaches the keyframe where the change occurs.<br />Linear Linear interpolation changes the property value in equal increments between the keyframes. The interpolation between two keyframes will be linear if the Ease Out value is 0% for the first keyframe and the Ease In value is 0% for the second keyframe.<br /><br /><span style="color:#ffffff;"><strong>You can modify keyframe interpolation values by right-clicking a keyframe on the timeline.</strong><br /><strong></strong></span><br />What I was trying to figure out was how to make a little icon stop changing inbetween frames. For example I have a picture of a cloud on frame 1 and would like it to be invisible on frame 5. my problem was on frames 2 to 4 it would slowly change to invisible instead of only changing on frame 5 to invisible all of a sudden like I wanted it to. So what I found the solution to be was on the keyframe(white circle thing) before the keyframe of the change I had to right click it and click on "hold out". Which makes nothing happen UNTIL frame 5 like I wanted. sheesh! Just remember to right click the key frame before instead of the keyframe you wanted the abrupt change on. Make sense?Bearuhhttp://www.blogger.com/profile/10428183768980808575noreply@blogger.com0tag:blogger.com,1999:blog-999743384306272354.post-53182696456160813952007-09-30T17:46:00.000-07:002007-09-30T17:47:41.519-07:00Another Link<a href="http://www.learnexpressionstudio.com/">www.learnexpressionstudio.com</a><br /><br />Another great site too learn Expression Blend! I hear they have video tutorialsBearuhhttp://www.blogger.com/profile/10428183768980808575noreply@blogger.com0tag:blogger.com,1999:blog-999743384306272354.post-61896768426092149562007-09-18T19:57:00.000-07:002007-09-18T20:01:20.893-07:00Mouse Over text color change<a href="http://www.sellsbrothers.com/tools/"></a><br />This is what Fred told me over at the expression forum.. thanks a ton!<br /><br /><br />If you want to change the color when the mouse is over the combobox, you need the IsMouseOver event.Click on the +Property button in the triggers panel and a new trigger is added. Choose the IsMouseOver event from the list, and change the foreground color.<br /><br />Or as we say in xaml...<br /><br /><controltemplate.triggers> <trigger property="IsMouseOver" value="True"> <setter targetname="Arrow" property="Fill" value="#FF4EF562"> </trigger> <trigger property="IsChecked" value="true"> <setter property="Fill" targetname="Arrow" value="#FF4EF562"> </trigger></ControlTemplate.Triggers>If you want to change to color of the text in the combobox list, you have to edit the template of a comboboxitem.<br /><br /><br />A nice tool to help you with editing styles and templates is called ShowMeTheTemplate. You can download it from <a class="WNAnc" href="http://www.sellsbrothers.com/tools/" target="winout">http://www.sellsbrothers.com/tools/</a>.This program shows you the content of every component.Bearuhhttp://www.blogger.com/profile/10428183768980808575noreply@blogger.com0tag:blogger.com,1999:blog-999743384306272354.post-51357030395034152132007-09-15T13:03:00.000-07:002007-09-15T13:06:30.840-07:00combo box pop up color changeTo change the color of the text in the pop up list thingy of your cobobox: find the combobox in your objectsAndTimeline... press the little arrow next to it.. choose the words you would like to change the coor of.. change the color in properties! YAY!Bearuhhttp://www.blogger.com/profile/10428183768980808575noreply@blogger.com0tag:blogger.com,1999:blog-999743384306272354.post-35596119247960843322007-09-15T12:58:00.000-07:002007-09-15T13:03:15.999-07:00Change text color of combobox button when pressedTo change a combo box text color when it is pressed:<br /><br />Go into the template of the combobox, into template of [toggle button], find your text block (if it is a content presenter change it to a text block instead) and look at the interaction,triggers panel.. find the trigger that says "IsChecked=True". Click it so it will then be recording... now change the color of your text block under properties.. TAADAAA!!! Test it out!!<br /><br />Im working on how to change the rollover color as well instead of just the click color change...Bearuhhttp://www.blogger.com/profile/10428183768980808575noreply@blogger.com0tag:blogger.com,1999:blog-999743384306272354.post-5158912573235080222007-09-14T11:45:00.000-07:002007-09-14T11:46:58.354-07:00Some great tutorials!<a href="http://visitmix.com/Blogs/Joshua/cloning-the-outlook-ui-with-expression-blend/">http://visitmix.com/Blogs/Joshua/cloning-the-outlook-ui-with-expression-blend/</a><br /><br /><a href="http://windowsclient.net/downloads/folders/hands-on-labs/default.aspx">http://windowsclient.net/downloads/folders/hands-on-labs/default.aspx</a>Bearuhhttp://www.blogger.com/profile/10428183768980808575noreply@blogger.com0tag:blogger.com,1999:blog-999743384306272354.post-27144124912973943102007-09-12T13:23:00.000-07:002007-09-12T13:32:40.897-07:00make your OWN button!Want to make your OWN button with an icon or a picture in it?? draw it out...group it all together (if you have more than one pieces that make up the button) then go to "tools", "make button". Name it and there ya go.. a brand new shiny button!!!!<br /><br /><span style="font-size:78%;">*Any questions? Leave a comment!!</span>Bearuhhttp://www.blogger.com/profile/10428183768980808575noreply@blogger.com0tag:blogger.com,1999:blog-999743384306272354.post-6118175775260719052007-09-12T13:19:00.000-07:002007-09-12T13:21:34.919-07:00Sizing an Imported/Referenced User Control<div align="left">To size a user control once it has been imported into a project just click it then go to its properties panel and transform, scale and mess with the x and y. It leaves unwanted extra space when scaled to be smaller but that can be fixed by using layout, margin.</div>Bearuhhttp://www.blogger.com/profile/10428183768980808575noreply@blogger.com0tag:blogger.com,1999:blog-999743384306272354.post-88505277322083638142007-07-29T14:34:00.000-07:002007-07-29T14:36:28.812-07:00NEWS FLASH!!I downloaded a program the other day that lets me record what I do on my monitor. So as soon as I get a microphone I will be well on my way to giving you all some great video tutorials on blend!!Bearuhhttp://www.blogger.com/profile/10428183768980808575noreply@blogger.com0tag:blogger.com,1999:blog-999743384306272354.post-65783293805065874182007-07-23T13:16:00.000-07:002007-07-23T13:20:58.297-07:00Wont open in design view? Error message?If you ever have a problem viewing your project in design mode because all it shows is an error message telling you there is something wrong in the XAML.. then look at the results panel.. it will show you the error and you may double click on it so it will take you to the error in your XAML.<br /><br />I learned this today because My project for work all of a sudden crashed when I changed a trigger event. Shows me I better start backing up my work more often!! I suggest you do too due to blend being so new and still having a few bugs here and there!Bearuhhttp://www.blogger.com/profile/10428183768980808575noreply@blogger.com0tag:blogger.com,1999:blog-999743384306272354.post-38547706701526126962007-07-22T11:59:00.000-07:002007-07-22T12:57:51.104-07:00workspace<div><div><div><br /><br /><div><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFl73sjuO4KKGIFqVVQRLJPq5RM7cgjMiDRqCFzqyAJxJLNv3HejC8nqgn7ASmXLX-82aFSyzh2PjsjF0QcuVze2fth7f_7cgLCx6w2C8V8guU9h84k7puYAe9nn_K2sVoIHnkWnJMyME/s1600-h/tools.jpg"><img id="BLOGGER_PHOTO_ID_5090100126073132850" style="FLOAT: left; MARGIN: 0px 10px 10px 0px; CURSOR: hand" alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFl73sjuO4KKGIFqVVQRLJPq5RM7cgjMiDRqCFzqyAJxJLNv3HejC8nqgn7ASmXLX-82aFSyzh2PjsjF0QcuVze2fth7f_7cgLCx6w2C8V8guU9h84k7puYAe9nn_K2sVoIHnkWnJMyME/s400/tools.jpg" border="0" /></a><br /><br /><br /><br /><br /><br /><div><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLBuzTaahzMwZcYb1Xurup_mtG8iRcAl5YNEzS_jEHtz1OEteBqrMA9SKO6HF5YwwRN-PA3Kl70FrQ0neJV-Hp6uUzID7sXpYcvYADi8H2fsSGqDoxzFLkESoMSnSUK9t2Qcq7W8MFmPU/s1600-h/tools2.jpg"></a><br /><br /><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMLZbXEJyEz7TBAaBcFFwiq_iMYyy7Ivquk9f8gvdWMP33bRMO21NVcDIe4YMFMfavlvK20UxxMEgvgJU3OB_rwvKtqJ3uXPhRN8oTBl45m4ORIZSVVspRwHyHJIatcP9xzTHFituEl3s/s1600-h/tools.jpg"></a><br /><br /><br /><br /><div><br />Please open up Expression Blend and start a new project (wpf application) named whatever you would like. press f7 so your work space looks like mine.<br /><br /></div><div>K so when Expression Blend is first opened it looks very nice and pretty. But when looked at a little closer you will start to see how it can be very confusing and then you will start to notice that you want to cry... But dont give up!!! Simple things first. The tools are on the left!! They are what you will be using the most. If you want details on what each one does please click on help then user guide then the workspace-toolbox. </div><br /><br /><br /><br /><div><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5M2eXV0GieX2JZaeEV7k5xzjgCGjuQSFJbJEnZPmR-c-mwFu2XgOc7JNZ7myxjXI1MAMEMLh31J8V3N8xXDG2lzlTWNbaB8sD4hlZfzq9l7hZSDxNtoun7PsCMni5aMqc4f3mZVOe3cE/s1600-h/artboard.jpg"><img id="BLOGGER_PHOTO_ID_5090105743890356050" style="FLOAT: left; MARGIN: 0px 10px 10px 0px; CURSOR: hand" alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5M2eXV0GieX2JZaeEV7k5xzjgCGjuQSFJbJEnZPmR-c-mwFu2XgOc7JNZ7myxjXI1MAMEMLh31J8V3N8xXDG2lzlTWNbaB8sD4hlZfzq9l7hZSDxNtoun7PsCMni5aMqc4f3mZVOe3cE/s400/artboard.jpg" border="0" /></a>This is the Artboard(middle giant white square). I have it highlighted in red. This is where you will be drawing and making everything.</div><br /><br /><br /><br /><div></div><br /><br /><br /><br /><div></div><br /><br /><br /><br /><div></div><br /><div> </div><br /><br /><br /><div></div><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjBlQqZXpP4VAvG5vng-S4PytkAAFkBzq6oPCKjMWOaukEocnBp_rcm3TFvVLNKuF-86RJ2x2HalXlDhzMJI6TkyIFIj64o7cDPZCtwcIVpKdycyXC1CLhZ5YqZhSqB_TtpQrDfJ3iDxM/s1600-h/Views.jpg"><img id="BLOGGER_PHOTO_ID_5090106903531526050" style="FLOAT: left; MARGIN: 0px 10px 10px 0px; CURSOR: hand" alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjBlQqZXpP4VAvG5vng-S4PytkAAFkBzq6oPCKjMWOaukEocnBp_rcm3TFvVLNKuF-86RJ2x2HalXlDhzMJI6TkyIFIj64o7cDPZCtwcIVpKdycyXC1CLhZ5YqZhSqB_TtpQrDfJ3iDxM/s400/Views.jpg" border="0" /></a><br /><br /><br /><br /><div><br /><br />This is what you use to zoom in or turn on the grid or snap grid. Play around with it. (I personally like the ctrl spacebar click to zoom..but it does not work in blend) so this is what you will have to get used to.<br /><br /></div><br /><br /><br /><br /><div></div><br /><br /><div><br /> </div><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLhQaKKfcuQbplA3Awh55SC78EUXI_k1-tLAXF3cKBu17l1kQ5uD83SE2LqS_1YCXzU3mv4WqrP_CioKABH9rcP-ShXSgHE8d_I6i_W1TOqqDKOIQvrLHrJQQRrGTl9bIneDZsEhKDiY4/s1600-h/interactionResults.jpg"><img id="BLOGGER_PHOTO_ID_5090106894941591410" style="FLOAT: left; MARGIN: 0px 10px 10px 0px; CURSOR: hand" alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLhQaKKfcuQbplA3Awh55SC78EUXI_k1-tLAXF3cKBu17l1kQ5uD83SE2LqS_1YCXzU3mv4WqrP_CioKABH9rcP-ShXSgHE8d_I6i_W1TOqqDKOIQvrLHrJQQRrGTl9bIneDZsEhKDiY4/s400/interactionResults.jpg" border="0" /></a><br /><br /><br /><div>This is the interaction, results, and objects and timeline panel. as far as I understand so far.. the interaction is used to control stuff like what you want to have happen when a button is clicked (like turn on a timeline)etc. The results is output and error messages(stupid errors!) and then the trusty objects and timeline is the place where it lists what you have on the artboard and in what order. The timeline is used for animation and such things. I will go further into detail later.</div><br /><br /><div></div><div></div><br /><br /><div><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_2q_EFxscp1YCYJV8ZaWuU301SIPtab-k1DVSmxYznPTmpGopD5SWzjc9lc12x4F2MyQgNylrQX-pR7nm2Ls6cIR99Y7BEG_MbJ0PwoG6Wmb_4GDtbG8LEJFgHy2MHUCkDM5uVXeXqnw/s1600-h/designOrXAML.jpg"><img id="BLOGGER_PHOTO_ID_5090106890646624098" style="FLOAT: left; MARGIN: 0px 10px 10px 0px; CURSOR: hand" alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_2q_EFxscp1YCYJV8ZaWuU301SIPtab-k1DVSmxYznPTmpGopD5SWzjc9lc12x4F2MyQgNylrQX-pR7nm2Ls6cIR99Y7BEG_MbJ0PwoG6Wmb_4GDtbG8LEJFgHy2MHUCkDM5uVXeXqnw/s400/designOrXAML.jpg" border="0" /></a></div><br /><br /><div></div><br /><br /><div></div><br /><br /><div>This is where you can choose between design(ooo pretty) view or XAML view(yuck ugly code!)</div><br /><br /><div></div><br /><br /><div>So if you draw a circle in design view then you can look at XAML view and see the code that makes up that circle you just drew. </div><br /><br /><div></div><br /><br /><div><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXklSRWZPFTEbz2oB4CDymeAX6kNWlThe6LkOeFuGyUHH_QIHwY2zs1357qkQAGRp9TShvQ77uQqnGJ6TKaWynavspJOi5lP3g4OXcnZuyTTIYrCQ6BAHWB9vVAYoY09G8prq1v1R2Q0k/s1600-h/projectPropertiesResources.jpg"><img id="BLOGGER_PHOTO_ID_5090110756117190578" style="FLOAT: left; MARGIN: 0px 10px 10px 0px; CURSOR: hand" alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXklSRWZPFTEbz2oB4CDymeAX6kNWlThe6LkOeFuGyUHH_QIHwY2zs1357qkQAGRp9TShvQ77uQqnGJ6TKaWynavspJOi5lP3g4OXcnZuyTTIYrCQ6BAHWB9vVAYoY09G8prq1v1R2Q0k/s400/projectPropertiesResources.jpg" border="0" /></a></div><br /><div></div><br /><div>This is the Projects, Properties and Resources panels. Project shows you your files folders etc. Properties is where you can change the colors and properties of certain objects you make. Resources is where you will have templates you can easily apply to stuff you make so you do not have to remake the look of everything over and over.</div><br /><div></div><br /><div><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRKOBV53Pz_2PHj3AVd2qyZLsLYpThpSlVjgQ0v-wa6uHMhQ9ahj_J9fi_VnTuqpJsAJ1yqE-_NA9BnyIcO1V5XdtdHZeB5wJ4WUDkbrzMtWisgGCXXhOUm8mTnnYCKqF2Jzv_4hnZm7w/s1600-h/menu.jpg"><img id="BLOGGER_PHOTO_ID_5090111705304963010" style="FLOAT: left; MARGIN: 0px 10px 10px 0px; CURSOR: hand" alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRKOBV53Pz_2PHj3AVd2qyZLsLYpThpSlVjgQ0v-wa6uHMhQ9ahj_J9fi_VnTuqpJsAJ1yqE-_NA9BnyIcO1V5XdtdHZeB5wJ4WUDkbrzMtWisgGCXXhOUm8mTnnYCKqF2Jzv_4hnZm7w/s400/menu.jpg" border="0" /></a></div><div></div><div>This is the menu. (you know.. with file, edit view.. all that fun stuff)</div><div> </div><div> </div><div> </div><div> </div><div>Play around with all of the tools and things so you get somewhat of a feel as to what they do. </div><div> </div><div>See ya tomorrow! :D</div></div></div></div></div></div>Bearuhhttp://www.blogger.com/profile/10428183768980808575noreply@blogger.com0