Blend – Page 2 – A. Rheannon S.

Creating a Silverlight project in Visual Studio vs. Blend

Posted on February 4, 2009 by ARSpaulding

You’d think that the creation of a project in either Blend or Visual Studio, that they would start the entire solution with the same files.

Unfortunately that is not the case, and this is bad, not good.

So I’m working on a project, it has a pretty reflection on it and a main background that doesn’t take away from the elements and the bad part is I started it in Blend. So what happens when I run the silverlight application?

My SL Is in the contained box and the rest of my browser is WHITE. I can modify this by going to the debug folder, but then I can only open build from visual studio, because blend wants to rewrite the debug html file every time it loads.

This means that when I want to center the object and make the rest of the background more cohesive… ugh!

————–

When creating a Silverlight project in Visual Studio, it not only creates the items a bit cleaner, it also creates a seperate set of folders – inside one of these folders is a beautiful basic HTML page (and an aspx page, to use HTML, you have to right-click and tell it to be the starter page) which houses the information and is editable… and the modifications stay regardless of the application that I’m using to test!

Eeeee!

I need a “tsk tsk” bird to come out of somewhere every time I forget to start a project in Visual Studio.

XamlFest – 2 day training

Posted on January 23, 2009 by ARSpaulding

The most recent group meeting with the Seattle Developer / Designer Interaction group was great – I think one of the most fun that we’ve had so far.

One of those attending was development Evangelist, Mithun Dhar, who mentioned to us the 2 upcoming XamlFest training events occuring next month.

I can’t help myself – 2 days of uninturupted training and colaboration with others who are interested in development and design working in WPF and Silverlight?

My email has been sent in to RSVP a spot – especially w/ mention that there are only 50 seats available!

Ok, so if you’re visiting and interested as well, here are a few links with information:

http://blogs.msdn.com/usisvde/archive/2009/01/22/designers-developers-ramp-up-with-februrary-xamlfest-events-across-the-usa.aspx

http://blogs.msdn.com/MithunD/

The skinny that you’ll find there is this:

Redmond & Portland both are hosts to XamlFest in the Pacific Northwest. There are other areas that have these events as well, but I’m just going to talk about the 2 which are close to my home. The Redmond, Washington one is the 16th and 17th (Monday and Tuesday) of February, and Portland, Oregon one is on the 19th and the 20th (Thursday and Friday).

If you wish to join, RSVP asap – seating is limited and I mean quite limited.

The email addresses are fairly obvious which is for which, so I’m going to just list them both below:

xamlfest-redmond@live.com

xamlfest-portland@live.com

All who attend will obtain a copy of Expression Studio and Visual Studio 2008 Pro.

YAY!

Posted on January 6, 2009 by ARSpaulding

I don’t know if its the lack of sleep, the non-stop pouring over this book, or the fact that I need coffee, but I just got to one of the last projects for chapter 10 (there are 3 or 4 of them) and I’m seeing the direction to name a Media Element the name of “ME”.

I saw that and started internally jumping up and down.

Why?

Because I’m crazy!! … and because I’ve seen that this was a major discrepancy that entirely breaks part of the application a few pages from now. The author, Victor Gaudioso (are you as used to reading the name as I am to typing it?), has in a page dedicated to book updates, the bold letters regarding this flaw.

Not sure why – but I feel as though I just “Dinged” in levels by reaching this point (for those of you who are not gamers, that’s a common phrase used among MMOers who increase in level of skill. Quite often, the game will let off a “DING!” coupled with particle effects and text in some form or another which tells you that you’ve increased in skill/level/whatever.).

Update: Now I’m a complete retard. I was mistaking this naming for the other. The other was a section which I had to skip to come back to as I couldn’t get it to behave in the way specified and instead of sitting there going back and forth like a mad person comparing over and over and over again until my eyescrossed, I decided to move on and hope that my abilities and proficiency has improved enough to be able to notice the error.

Convoluted explanation. You could have just stopped at the sentence, “Now I’m a complete retard.” and you would have been good.

Media Player – a YouTube video of it

Posted on January 3, 2009 by ARSpaulding

The media player which Victor’s book steps you through on chapter 6 is complete. I customized it a bit and added a back button, which was coded essentially as an inverse of the next button.

As far as the user experience elements, the play button plays, stop button stops, and pause button pauses, however, the pause button was set up as a toggle, so if it is pressed while paused, it will resume play.

Cool part that I feel I should mention is that all of the visual elements are done in XAML. The buttons appear to have been done in photoshop or illustrator, but they’re not. They’re 100% XAML code.

The limitations which I’m seeing are as follows:

The logic behind the next and back buttons are limited. If you hit next to get to the next video, that works, however, you hit it again, and it doesn’t toggle back to the original – it just replays the 2nd video.

The same goes for the back. If its on the first video and its playing, and you hit the back button again, it restarts the first video.

The last bit which somewhat makes me internally twitch, is that at this point, these buttons are functional, but they don’t appear to interact with the user. I know – we’ll likely get there further into the book, but at the very moment, I just have to take my knowledge that they do actually do something and pretend that the interaction with the buttons is there in a, “Perhaps I blinked?” sort of way. We’re not far enough through the book to start making further interactions, but in the interest of my own sanity, I told all of my buttons to change the cursor to the “Hand” so as to make them somewhat appear as if they were more than pretty pictures on a gradient.

Below is the video:

Note: This is second published video which displays an example of what can be accomplished as you’re going through this book on Blend 2. To view the first video posted click here.

Handyman Toolkit

Posted on January 2, 2009 by ARSpaulding

By the end of Chapter 5 of the book, I’ve discovered that yes, you can learn how to use this software without the assistance of a book, but had I been able to obtain this book a year ago when I started tinkering with Blend during my spare time, I would have greatly benefited from having this “in my back pocket” sort to speak.

The biggest confusion factor which I had when cutting myself off of Adobe products, cold turkey, to force myself to learn how to use Design and Blend, was the “when do I use the stackpanel over wrap panel?” or “Should I make this a canvas or a grid?”. Plus there was the creation of something primarily vector instead of part raster and part vector – that bit is something that illustrator gurus will likely not have any problems with, but most who design for the web tend to take preference to Photoshop – and only on occasion delve into primarily vector bases.

Now, the intent of this chapter was to get you familiar with the Layout elements and the unique attributes each layout element presents, however, there are underlying instructions which would assist a raster-based designer into being more comfortable with the ideas and ease when using vector shapes. They’re not that different to create and have the added scalability that raster(bitmap based) images just cannot do due to their innate nature.

In any event, the entire chapter is essentially “This is what X is, how about we apply this to give you hands-on experience with X”. We went over the following: Border, Canvas, DockPanel, Grid, Scroll Viewer, StackPanel, UniformGrid, ViewBox, and WrapPanel layout elements.

By the end of the chapter, the application is like a circus of vendors in graphical format. Victor is sure to mention in his book that he’s well aware of the lack of space towards the end.

Without further ado, I present my circus:

3DImage – a video of the lab

Posted on January 1, 2009 by ARSpaulding

Depending on the project and the visuals, I felt that it would be beneficial to not only blog about the experience while going through the book, but to give further visuals for those who are following this blog – perhaps it will assist those in making their decision as to which books might be good – so here is a youtube video of one of the very first things which you are walked through doing in Victor Gaudioso’s book on Expression Blend 2. This is at the very end of chapter 3 and is pretty easy to do. I took it a step further than explained, but if you are following along in the book, you’ll notice that nothing that I have done here is outside the scope of information that has been explained through the first few chapters. To reword that: If you’ve never used MS Expression Blend before, you could use the knowledge gained up to this point to emulate what is done in this video.