Is it possible to make the blend Xaml editor horizontal? - expression-blend

I use blend a lot but sometimes I find its easier to make a slight tweak in xaml directly and would like to know if anyone has figured out how to make the editor sit horizontal to the designer.

With the Split View button active go to your top menu and choose View -> Split View Orientation -> Split Views Horizontally
Cheers!

Related

Origami fold effect for UIView and NavigationController Bar

I need to implement the functionality that this library provides: XYOrigami. The main issue, is I must implement it to fold on the center view when the left view is revealed rather fold the side views. Unfortunately, this has become quite a task (and I'm currently looking at manipulating the library below to do so). The left tray should be just a tray with a width of 100 to 200. When it comes out, the center view should have a cringle origami effect and fold until the tray is hidden again. Is anyone aware of a library that does this or a way to accomplish this effect.
I think you will get the sample code in mpospese / EnterTheMatrix
repository.
Just have a look at the second last tab,"The Fold Animation" & then click view.
I think this view can be taken as the center view for your case & XYOrigami as the side menu.
You many need to tweak the EnterTheMatrix to fold-unfold horizontally unlikely as it fold-unfold vertically by default.
I hope you can make a new custom component hybridized from the above two Custom controls.
Happy Coding.
Hope that Helps.

Expression Blend: Dragging controls from toolbox

I am following some tutorials with expression blend and many of them are tell me to drag a TextBlock from the toolbox. Sure enough I see it, if I long click on it it displays for additional controls.
So if I click it and drag it it should work but it opens up the other controls.
If I double click it then it places it in my design view but I want to drag and drop it.
Am I missing something here, the tutorials I am following are for Expression Blend 4 and I am using Expression Blend 4.
Thinking about it, its sounds correct that you should be able to drag and drop a control on the design surface, but it doesn't work here.
Well in Standard Expression Blend and I assume there is only one version of Expression Blend 4 you actually can't place controls via drag and drop from the toolbox onto the design surface. At least this is my experience.
If you want to place a control what you do is to choose a control via left mouse click in the toolbox which makes it the currently selected one. Then you can place it onto the design surface by defining its dimensions at the place you want to have it positioned.
AFAIK there is no function to drag a control out of the toolbox.

What Qt4 widgets should I use and how to approximate a ribbon-style interface?

I am trying to create an interface for my application using Qt Designer. I want it to have a tabbed, ribbon-style set of controls at the top, and a MDI-style area with docked windows which I plan to show and hide depending on which tab of the ribbon is currently selected. I am just beginning with Qt Designer as well as Qt4 itself for that matter so I'm not quite sure how to setup the window, which widgets and layouts should I use etc.
It's quite obvious there should be a QTabWidget at the top, but I'm not sure about the bottom. Should I use a QFrame? A QMdiArea? A dock widget? What layouts can I use to make sure the tab widget has a fixed height, occupies the whole width of the window at all times and the bottom area scales as the window is resized?
I've read in the manual that splitter layouts allow for manual adjustment of the size of the widgets they contain, but I can't drag the box size of a widget after I place them inside a splitter. Thus I'm unable to setup the area below the ribbon. Anyone, help?
You should look into the QMainWindow and check the multiple utilities it can provide you (Toolbar, StatusBar, DockWidgets, CentralWidget, etc...).
The way I understood your case is that you will always have the MDI Area visible, and that the tab bar will only be used to change the dockWidgets. Here's how I would do it.
The centralWidget of the mainWindow would be a QWidget with a QVBoxLayout containing a QTabBar widget first (up) and a QMdiArea under it. The sizes should be handled automatically.
This will allow the user (or you) to dock widgets on the left, bottom, top or right areas of the mainWindow's central widget. Keep pointers to the dockWidgets to be able to move and show/hide them at will.
Hope this helps.
VTK Designer, which is built on Qt, has a Ribbon-ish interface. You might take a look at the source code for reference.

Expression Blend changing Alignment

Expression Blend 4 is changing the HorizontalAlignment and or VerticalAlignment when moving TextBlock objects with the keyboard or mouse. How can this be blocked?
I don't think it can be done. Its a visual editor, it will generate code depending on how the view looks after you're performed changes. It will create the best code that will match the layout you created based on what it understands.
It's a pain when it does that..
Go into the XAML view, and modify it by hand after you're happy everything is the right place and is the correct size, by just changing the Alignments and margins.
If you click the object, you will notice guide bars traveling vertically and horizontally from the object. At the end of these you will see little "chain link" icons. You can click these on and off at either end to toggle the alignment.

Sizing a control to fit its container in Interface Builder

Let's say I have a split view, and I want to fill half of it with a table view (a fairly common use case, I would think). Is there any way to tell the table view to size itself to fit the split view or do I really have to size it manually?
I've done this, the way Jon Hess mentions first. Assuming you're using Interface Builder version 3:
Drag and resize your GUI (tableview from what I understand?) component to fit into the enclosing area the way you want it.
Click it to select it.
Press Command-Shift-I to open the inspector window for this GUI component. The inspector window should now actually show that you've selected a "Scroll View".
Click the "ruler" heading to be able to set the sizing. You'll see to the right an animated representation of how your GUI component will behave within its enclosing GUI component, and to the left another represenation of the same, without animation, but with four springs and two struts that you can turn on or off.
Turn all six things on, making them red.
VoilĂ  :-)
It's generally easier to create the subviews first, then use the Layout/Embed Objects In/Split View menu item to create the split view around them.
As far as I know, doing it manually is the only way to go. However, if you turn on "snap to cocoa guidelines", the inner view will snap to the edges of the enclosing view as you drag towards them. This makes it easier than having to manually mouse the edges into place, or manually edit the sizes to match.
You can set all of the springs and struts of the table view to "on" in the size inspector and that will cause the table view to fill the split view. Alternatively, you can use the outline view in the main document window to place the tableview's enclosing scroll view directly into the splitview instead of in an intermediary custom view.

Resources