WPF Discussion Boards

sorawit amorn27-Jun-13 11:25

sorawit amorn

27-Jun-13 11:25

Canvas would allow your costume grid to be drag-able.
To add Grid on to Canvas :

var canvas = new Canvas();
var grid = new YourCustomeGrid();
canvas.Children.Add(grid);

To set grid position on the canvas :

grid.SetValue(Canvas.TopProperty, 20.0);
grid.SetValue(Canvas.LeftProperty, 20.0);

Then you just have to Add Eventhandler for your control to change the position when your drag your mouse.

tomr11-Jul-13 15:44

tomr1

1-Jul-13 15:44

Thanks for the reply sorawit amorn. Sorry about the delay.

So I made a new project to focus on just this dragging issue. I am not great with C# but I get most of what you have there. I declared a canvas and a grid inside that canvas in the xaml code of the main window. In the behind VB code I created a loaded event handler with the initial grid positions.

Here is the Main Window code:

HTML

<Window x:Class="MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Title="MainWindow" Height="350" Width="525">
    <Grid>
        <Canvas x:Name="ControlCanvas" Background="AliceBlue" >
            <Grid x:Name="ControlGrid" Width="100" Height="40">
                <Rectangle Fill="Black"/>
            </Grid>
        </Canvas>
        
    </Grid>
</Window>

And here is the MainWindow.xaml.vb code:

Class MainWindow 

    Private Sub MainWindow_Loaded(sender As Object, e As RoutedEventArgs) Handles Me.Loaded
        ControlGrid.SetValue(Canvas.TopProperty, 20.0)
        ControlGrid.SetValue(Canvas.LeftProperty, 20.0)
    End Sub

    Private Sub MainWindow_MouseLeftButtonDown(sender As Object, e As MouseButtonEventArgs) Handles Me.MouseLeftButtonDown
        'What do I need to do next?
    End Sub
End Class

I have no idea how to write in code what I need to do next. I need a conditional statement for when the mouse is over the grid control. Then I need to get the position of the cursor and somehow update the position of the control simultaneously. How do I do that? Thanks again.

sorawit amorn3-Jul-13 5:32

sorawit amorn

3-Jul-13 5:32

you will have the object to hold your grid references when you click on and the you can define MouseMove event of you canvas to set new position every time the event trigger.

I don't remember VB syntax, but on c#, It will be ...

Code

 Grid mygrid;

 private MouseButtonEvent MouseLeftButtonDown(Object sender, MouseButtonEventArgs e){
    grid = sender as Grid;
    if(grid!= null){
          mygrid = grid;
    }
}

private MouseEventHandler MoveChildObject(Object sender, MouseEventHandler e){
    if(mygrid != null){
        Point p = Mouse.GetPosition(canvas);
        ControlGrid.SetValue(Canvas.TopProperty, p.Y);
        ControlGrid.SetValue(Canvas.LeftProperty, p.X);
    }
 }

private MouseButtonEvent mouseLeave(Object sender, MouseButtonEventArgs e){
     mygrid = null;
}

XMAL

XML

<Window x:Class="MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Title="MainWindow" Height="350" Width="525">
    <Grid>
        <Canvas x:Name="ControlCanvas" Background="AliceBlue" MouseOver="MoveChildObject" >
            <Grid x:Name="ControlGrid" Width="100" Height="40" MouseLeftButtonUp="mouseLeave" MouseLeftButtonDown="MouseLeftButtonDown" >
                <Rectangle Fill="Black"/>
            </Grid>
        </Canvas>
        
    </Grid>
</Window>

NOTE :: you do not need to use grid, if you just use it for holding the rectangle. Just use rectangle object

[SOLVED] WPF Combobox background color

sorawit amorn3-Jul-13 5:33

sorawit amorn

3-Jul-13 5:33

 Grid mygrid;

 private MouseButtonEvent MouseLeftButtonDown(Object sender, MouseButtonEventArgs e){
    grid = sender as Grid;
    if(grid!= null){
          mygrid = grid;
    }
}

private MouseEventHandler MoveChildObject(Object sender, MouseEventHandler e){
    if(mygrid != null){
        Point p = Mouse.GetPosition(canvas);
        ControlGrid.SetValue(Canvas.TopProperty, p.Y);
        ControlGrid.SetValue(Canvas.LeftProperty, p.X);
    }
 }

private MouseButtonEvent mouseLeave(Object sender, MouseButtonEventArgs e){
     mygrid = null;
}

XMAL

XML

<Window x:Class="MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Title="MainWindow" Height="350" Width="525">
    <Grid>
        <Canvas x:Name="ControlCanvas" Background="AliceBlue" MouseOver="MoveChildObject" >
            <Grid x:Name="ControlGrid" Width="100" Height="40" MouseLeftButtonUp="mouseLeave" MouseLeftButtonDown="MouseLeftButtonDown" >
                <Rectangle Fill="Black"/>
            </Grid>
        </Canvas>
        
    </Grid>
</Window>

NOTE :: you do not need to use grid, if you just use it for holding the rectangle. Just use rectangle object

Saksida Bojan22-Jun-13 7:31

22-Jun-13 7:31

Hello, I know this is a silly question but i am stunned by this. Among controls that I use like DecimalUpDown (From WPF toolkit), textboxes and comboboxes.

For all controls that are required to be filled, I have set the background color to LightYellow. I am not so successful, because i am failing to applay to combobox. No matter what background property is, Combo box ignores/overrides it.

I do not wan't to change any apperances of any ComboBoxItems. Also Since i need it on Windows XP, my Framework target is 4.0

Any help is appreciated.

modified 23-Jun-13 5:24am.

Mycroft Holmes22-Jun-13 13:43

Mycroft Holmes

22-Jun-13 13:43

I don't have an answer but by entering your question into google it seems to have been answered many times, including a tip[^] here on CP.

Never underestimate the power of human stupidity
RAH

Saksida Bojan22-Jun-13 20:43

22-Jun-13 20:43

On google all i could find how to change drop down box when i click on combo box. Same goes for that link on CP. And i do not need that. I wanted a backgroud color changed directly on combobox and not on the drop down list.

Upon further investigation by WPF inspecotrs I found that there is a specific background property on the child visual tree

ComboBox
   Grid(templateRoot)
   Popup (PART_Popup)
      ToggleButton (toggleButton)
         Border (templateRoot)
            Border (splitBorder)
               Path (Arrow)
   ContentPresenter (contentPresenter)
      TextBlock

I Have to change templateRoot background property. But i do not know how. I am noob at WPF

Mycroft Holmes22-Jun-13 21:48

Mycroft Holmes

22-Jun-13 21:48

Now you are beyond where I have ventured, especially as I work in Silverlight but I believe you need to completely restyle the combo to get what you want. Some use Expression Blend that will allow you to grab the controls style and fiddle with it, not something I would contemplate doing.

I'm a great believer in battleshit grey and would never get hung up about the colour of an objects styling.

Never underestimate the power of human stupidity
RAH

Saksida Bojan22-Jun-13 23:09

22-Jun-13 23:09

I was searching for a tool that is capable extracting Styles/Theme. I know it exsist, because i had it a few years ago. I tried VS2012 And Blend. What i noticed is that when using create a copy of style is not a perfect. I am using it on Windows 8 and border has sharp edges, and when applying a copy of a style, my controls border get rounded. On top of all when i creadet a copy, my background property took an effect i wanted it to do in the first place, without modifiying style??? I was realy suprised by this.

I got it working. Thanks for sugestion.

Abhinav S22-Jun-13 18:36

Abhinav S

22-Jun-13 18:36

Check if someone has already reported this issue on codeplex. Could be an issue.

You could first try setting the back color via the view model though.

Apps - Color Analyzer | Arctic | XKCD | Sound Meter | Speed Dial

Saksida Bojan22-Jun-13 20:46

22-Jun-13 20:46

Not an issue. I also found out what to change with WPF inspector. But i do not know how. I replied to Mycroft Holmes with detail on what to change.