|
Hi.
I have a request to change the look of our TogggleButton.
I'm not sure what to search for on the internet.
Instead of changing the background color when the TogggleButton is checked, I would need to have a line under it.
See imgur image : togglebutton - Album on Imgur
I know how to use ControlTemplates (with Storyboard and Coloranimation with the EnterActions and ExitActions) to change the background.
But I'm not sure how to do this for BorderThickness or if there is something better I could use.
Thanks for hints or tips or any "google search" I can do
CI/CD = Continuous Impediment/Continuous Despair
|
|
|
|
|
Use a one sided border:
<Border BorderThickness="0,0,0,2" BorderBrush="Black" >
<ToggleButton />
</Border>
Toggle the visibility of the border, the Brush (Transparent), or change the thickness - based on "Checked".
"Before entering on an understanding, I have meditated for a long time, and have foreseen what might happen. It is not genius which reveals to me suddenly, secretly, what I have to say or to do in a circumstance unexpected by other people; it is reflection, it is meditation." - Napoleon I
|
|
|
|
|
Just found out we already have an in-house style for that in one of our dependency.
Thanks.
CI/CD = Continuous Impediment/Continuous Despair
|
|
|
|
|
I'm not certain what I have to google for.
I have Drawing images in an resource file like this :
<DrawingImage x:Key="FindIcon"/>
<DrawingImage x:Key="SearchIcon"/>
I can use them like this :
<Image Source="{StaticResource FindIcon}"/>
<Image Source="{StaticResource SearchIcon}"/>
Now, I want to be able to bind the image source and conditionally choose the image in the Code-Behind.
<Image Source="{Binding ChooseIcon}"/>
I'm not certain how I reference the image in the code ?
Is this a DrawingImage ? How do I load it in the code ?
public DrawingImage ChooseIcon
{
get
{
if (useFindIcon)
{
return ???;
}
else if (useSearchIcon)
{
return ???;
}
}
}
Thanks.
Max.
CI/CD = Continuous Impediment/Continuous Despair
|
|
|
|
|
The view-model shouldn't really know anything about your resources.
I'd suggest having an enum to represent the icon you want to display. Bind the source to that enum, and use a converter to convert the value to the relevant image.
Eg:
public enum ChooseIcon
{
Find,
Search,
}
public class YourViewModel
{
private ChooseIcon _chooseIcon;
public ChooseIcon ChooseIcon
{
get { return _chooseIcon; }
set { SetProperty(ref _chooseIcon, value); }
}
}
public class ChooseIconConverter : IValueConverter
{
public ImageSource FindIcon { get; set; }
public ImageSource SearchIcon { get; set; }
public object Convert (object value, Type targetType, object parameter, System.Globalization.CultureInfo culture)
{
switch ((ChooseIcon)value)
{
case ChooseIcon.Find: return FindIcon;
case ChooseIcon.Search: return SearchIcon;
default: return null;
}
}
public object ConvertBack (object value, Type targetType, object parameter, System.Globalization.CultureInfo culture)
{
return Binding.DoNothing;
}
}
<Window.Resources>
<local:ChooseIconConverter
x:Key="ChooseIconConverter"
FindIcon="{StaticResource FindIcon}"
SearchIcon="{StaticResource SearchIcon}"
/>
</Window.Resources>
...
<Image Source="{Binding ChooseIcon, Mode=OneWay, Converter={StaticResource ChooseIconConverter}}" />
"These people looked deep within my soul and assigned me a number based on the order in which I joined."
- Homer
|
|
|
|
|
Thanks.
Will look at that.
I also bodge a hack by having 2 Image tags and add a Visibility binding.
CI/CD = Continuous Impediment/Continuous Despair
|
|
|
|
|
Awesome, it's working.
CI/CD = Continuous Impediment/Continuous Despair
|
|
|
|
|
I have an app in which the user can create invoices. There is a lot of data on an invoice:
Jobs
Ship To Address
Builders
Foremen
Foreman Phone
Vendors
Vendor Locations
Vendor Contacts
Vendor Contact Email
Vendor Contact Phone
Delivery Method (Will Call or Delivery)
Delivery Date
For Will Call
Picked Up By (employee)
Picked Up By Email
Picked Up By Email
Picked Up Location (From Vendor Locations)
Items (The items on the PO)
Much of this is just lists. Right now, some dat is not retrieved until it's needed. For example, Vendor Locations are not retrieved until a Vendor is selected.
The problem is that it's getting slow. There's a lot of logic being run when list items are picked.
So, should I only load data when it's needed, or load all data first then run any logic, like the Vendor Location? In other words, get all Vendors and all Vendor Locations, and only load the locations in the client one the initial data load is done?
Thanks
If it's not broken, fix it until it is.
Everything makes sense in someone's mind.
Ya can't fix stupid.
|
|
|
|
|
Both. Your app should anticipate the user's intention by the parts they're accessing and start asynchronous loads into observable collections that get bound when a particular user control ("view") gets loaded.
And / or you need revised stored procs / data views / filtering.
"Before entering on an understanding, I have meditated for a long time, and have foreseen what might happen. It is not genius which reveals to me suddenly, secretly, what I have to say or to do in a circumstance unexpected by other people; it is reflection, it is meditation." - Napoleon I
|
|
|
|
|
I'm looking for a control that does the following.
When I do an action in my UI, I want to have a small window that slides in an out showing a small explanation text.
For example, I have a "copy" button that will put something on the clipboard.
I want to show a quick message that said "XYZ copied on the clipboard" the message will slide in and out of the main window.
I was looking at <popup> with an animation but I'm not sure it's what I want.
Or do you have a better alternative ?
Thanks.
CI/CD = Continuous Impediment/Continuous Despair
|
|
|
|
|
|
thanks, will have a look at it.
CI/CD = Continuous Impediment/Continuous Despair
|
|
|
|
|
it looks nice, even if it is a little bit "in your face".
Will experiment with look and feel.
Thanks again
CI/CD = Continuous Impediment/Continuous Despair
|
|
|
|
|
I have a button with a contextual menu attached to it, I want display the menu on the left click instead of the default right click.
I'm using a company wide "resource pack" that defines some style.
When I left click on the button to open the menu, the menu is drawn/rendered using the default windows style and the event/commands are not triggered.
When I right click on the button to open the menu, the menu is drawn/rendered using our styles and events/commands are working.
When I left click again the menu is drawn/rendered using our styles and event/commands are working
I'm not sure why the wrong menu is loaded once.
Any insights or things I might have missed ?
<Window.Resources>
<ResourceDictionary>
<ResourceDictionary.MergedDictionaries>
<ResourceDictionary Source="pack://application:,,,/MyCompany.Presentation;component/Themes/MyCompany.xaml" />
</ResourceDictionary.MergedDictionaries>
</ResourceDictionary>
</Window.Resources>
<!-- ... -->
<Button Content="Right-Click Me!" Click="ButtonBase_OnClick">
<Button.ContextMenu>
<ContextMenu x:Name="MyContextMenu">
<MenuItem Header="a" IsCheckable="True" Command="{Binding DoACommand}" IsChecked="{Binding IsAChecked, Mode=OneWay}"/>
<MenuItem Header="b" IsCheckable="True" Command="{Binding DoBCommand}" IsChecked="{Binding IsBChecked, Mode=OneWay}"/>
</ContextMenu>
</Button.ContextMenu>
</Button>
private void ButtonBase_OnClick(object sender, RoutedEventArgs e)
{
if (MyContextMenu.ContextMenu != null)
MyContextMenu.ContextMenu.IsOpen = true;
}
CI/CD = Continuous Impediment/Continuous Despair
|
|
|
|
|
The WPF ContextMenu doesn't inherit the DataContext of its parent element. You need to set that explicitly for the bindings to work:
<ContextMenu x:Name="MyContextMenu" DataContext="{Binding PlacementTarget, RelativeSource={RelativeSource Self}}"> As for the styles not being applied when you left-click, have you tried different sequences? Try two left-clicks, or a right-click followed by a left click, to see whether the styles are applied the second time the menu appears, or only applied after a right-click.
"These people looked deep within my soul and assigned me a number based on the order in which I joined."
- Homer
|
|
|
|
|
Adding the datacontext does not change anything.
The menu loads correctly the first when I right click on the button; after that it loads correctly on the left click.
It's not urgent for now, I'm prototyping a UI. , but slightly annoying.
Thanks.
CI/CD = Continuous Impediment/Continuous Despair
|
|
|
|
|
I converted a .Net Framework WPF app to .Net Core. I now have 1800+ compilation errors.
It seems like 99% of them are
The name 'InitializeComponent' does not exist in the current context
Since this is so widespread, I'm going to assume something in the conversion broke this. I've been Googling and trying different things but no help.
I tried removing the obj & bin folders but that didn't solve anything.
Anyone have any ideas on this?
If it's not broken, fix it until it is.
Everything makes sense in someone's mind.
Ya can't fix stupid.
|
|
|
|
|
Double-check that your project has the correct SDK: Sdk="Microsoft.NET.Sdk.WindowsDesktop"
Also double-check that in contains <UseWPF>true</UseWPF> within a <PropertyGroup> element.
"These people looked deep within my soul and assigned me a number based on the order in which I joined."
- Homer
|
|
|
|
|
I opened the project file in Notepad++.
The first line of the csproj file is
<Project Sdk="Microsoft.NET.Sdk">
The second line exists in a PropertyGroup
I tried replacing the SDK and recompiled. Same result. 1800+ errors
Thanks
If it's not broken, fix it until it is.
Everything makes sense in someone's mind.
Ya can't fix stupid.
|
|
|
|
|
I've made a bit more progress on this. The app has multiple configurations. When the configuration is changed, a bar appears at the top that says
Current solution contains incorrect configurations mappings. It may cause projects to not work correctly. Open the Configuration Manager to fix them
None of the code wrapped in an #if / #endif sections are active, so this leads me to believe there's a config issue. Since the project file was converted from .Net Framework to .Net Core, I'm a bit unsure on what to look for.
Any thoughts on this?
Thanks!
If it's not broken, fix it until it is.
Everything makes sense in someone's mind.
Ya can't fix stupid.
|
|
|
|
|
It looks like that's related to "conditions" in the csproj referring to configuration profiles that don't exist in the solution. Look for things like:
<Configuration Condition=" '$(Configuration)' == '' ">Debug</Configuration> and check that the configuration value matches an existing build configuration for your solution:
Understand build configurations - Visual Studio (Windows) | Microsoft Learn[^]
"These people looked deep within my soul and assigned me a number based on the order in which I joined."
- Homer
|
|
|
|
|
Im building a Ticker User Control and my dependency property's that directly bind to the XAML which works great, but I have some dependency property's that drive the Beating Internal Class which controls the motion of the three bars.
When I change these in the viewmodel they have no affect on the Internal Class Property's so I cant change the speed or starting length and so on.
I though if I passed in the Code behind class into the Beating internal class I could do it this way, but i almost need an onPropertychanged event to force the update.
thanks
Madaxe
XAML User Control
<UserControl x:Class="DES.CATIAV6.ClearanceContactAndClashManager.UI.Controls.WaitTicker_Control"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:local="clr-namespace:DES.CATIAV6.ClearanceContactAndClashManager.UI.Controls"
mc:Ignorable="d"
Background="Transparent"
Height="70" Width="60"
Name="WaitTickerControl">
<Grid Name="WaitTickerMainGrid" Visibility="{Binding Path=ControlHideShow,ElementName=WaitTickerControl, FallbackValue=Hidden}">
<Border Name="Pulse1"
CornerRadius="{Binding Path=ControlCornerRadius1,ElementName=WaitTickerControl,FallbackValue=10}"
Height="{Binding Path=PulseHeight1,ElementName=WaitTickerControl,FallbackValue=50}"
Width="{Binding Path=PulseWidth1,ElementName=WaitTickerControl,FallbackValue=10}"
Margin="10,10,0,0"
Background="{Binding Path=ControlBackground1,ElementName=WaitTickerControl,FallbackValue=#4287f5}"
HorizontalAlignment="Left" VerticalAlignment="Top"/>
<Border Name="Pulse2"
CornerRadius="{Binding Path=ControlCornerRadius2,ElementName=WaitTickerControl,FallbackValue=10}"
Height="{Binding Path=PulseHeight2,ElementName=WaitTickerControl,FallbackValue=50}"
Width="{Binding Path=PulseWidth2,ElementName=WaitTickerControl,FallbackValue=10}"
Margin="25,10,0,0"
Background="{Binding Path=ControlBackground2,ElementName=WaitTickerControl,FallbackValue=#4287f5}"
HorizontalAlignment="Left" VerticalAlignment="Top"/>
<Border Name="Pulse3"
CornerRadius="{Binding Path=ControlCornerRadius3,ElementName=WaitTickerControl,FallbackValue=10}"
Height="{Binding Path=PulseHeight3,ElementName=WaitTickerControl,FallbackValue=50}"
Width="{Binding Path=PulseWidth3,ElementName=WaitTickerControl,FallbackValue=10}"
Margin="40,10,0,0"
Background="{Binding Path=ControlBackground3,ElementName=WaitTickerControl,FallbackValue=#4287f5}"
HorizontalAlignment="Left" VerticalAlignment="Top"/>
</Grid>
</UserControl>
C# Code Behind
public partial class WaitTicker_Control : UserControl, INotifyPropertyChanged
{
#region "INotifyPropertyChanged"
public event PropertyChangedEventHandler? PropertyChanged;
protected void OnPropertyChanged([CallerMemberName] string? propertyName = null)
{
PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
}
private Beating? _Timer1 = null;
private Beating? _Timer2 = null;
private Beating? _Timer3 = null;
public int PulseCurrentValue1
{
get { return (int)GetValue(PulseCurrentValue1Property); }
set { SetValue(PulseCurrentValue1Property, value); }
}
public static readonly DependencyProperty PulseCurrentValue1Property =
DependencyProperty.Register("PulseCurrentValue1", typeof(int), typeof(WaitTicker_Control),
new PropertyMetadata(5));
public int PulseCurrentValue2
{
get { return (int)GetValue(PulseCurrentValue2Property); }
set { SetValue(PulseCurrentValue2Property, value); }
}
public static readonly DependencyProperty PulseCurrentValue2Property =
DependencyProperty.Register("PulseCurrentValue2", typeof(int), typeof(WaitTicker_Control),
new PropertyMetadata(20));
public int PulseCurrentValue3
{
get { return (int)GetValue(PulseCurrentValue3Property); }
set { SetValue(PulseCurrentValue3Property, value); }
}
public static readonly DependencyProperty PulseCurrentValue3Property =
DependencyProperty.Register("PulseCurrentValue3", typeof(int), typeof(WaitTicker_Control),
new PropertyMetadata(40));
public int PulseMaxValue
{
get { return (int)GetValue(PulseMaxValueProperty); }
set { SetValue(PulseMaxValueProperty, value); }
}
public static readonly DependencyProperty PulseMaxValueProperty =
DependencyProperty.Register("PulseMaxValue", typeof(int), typeof(WaitTicker_Control),
new PropertyMetadata(50));
public int PulseMinValue
{
get { return (int)GetValue(PulseMinValueProperty); }
set { SetValue(PulseMinValueProperty, value); }
}
public static readonly DependencyProperty PulseMinValueProperty =
DependencyProperty.Register("PulseMinValue", typeof(int), typeof(WaitTicker_Control),
new PropertyMetadata(10));
public int PulseIncrementValue
{
get { return (int)GetValue(PulseIncrementValueProperty); }
set { SetValue(PulseIncrementValueProperty, value); }
}
public static readonly DependencyProperty PulseIncrementValueProperty =
DependencyProperty.Register("PulseIncrementValue", typeof(int), typeof(WaitTicker_Control),
new PropertyMetadata(1));
public double PulseSpeedValue
{
get { return (double)GetValue(PulseSpeedValueProperty); }
set { SetValue(PulseSpeedValueProperty, value); }
}
public static readonly DependencyProperty PulseSpeedValueProperty =
DependencyProperty.Register("PulseSpeedValue", typeof(double), typeof(WaitTicker_Control),
new PropertyMetadata(0.01));
#endregion
public WaitTicker_Control()
{
InitializeComponent();
_Timer1 = new Beating(Pulse1, this, PulseCurrentValue1, "Pulse1");
_Timer2 = new Beating(Pulse2, this, PulseCurrentValue2, "Pulse2");
_Timer3 = new Beating(Pulse3, this, PulseCurrentValue3, "Pulse3");
}
}
internal Class Code Behind
internal class Beating
{
private static Timer? _BeatingTimer=null;
private Dispatcher? _Dispatcher=null;
private WaitTicker_Control _waitTicker_Control;
private Border? _pulse { get; set; } = null;
private bool _Direction = false;
public string BeatName { get; set; } = string.Empty;
public int InitialValue { get; set; } = 50;
public int Increment { get; set; } = 1;
public int MinValue { get; set; } = 0;
public int MaxValue { get; set; } = 100;
public Beating(
Border pulse,
WaitTicker_Control waitTicker_Control,
int initialValue,
string iBeatName)
{
_waitTicker_Control = waitTicker_Control;
_pulse = pulse;
MinValue = waitTicker_Control.PulseMinValue;
MaxValue = waitTicker_Control.PulseMaxValue;
InitialValue = initialValue;
Increment = waitTicker_Control.PulseIncrementValue;
BeatName = iBeatName;
_Dispatcher = Dispatcher.CurrentDispatcher;
Beating._BeatingTimer = new Timer();
Beating._BeatingTimer.Interval = waitTicker_Control.PulseSpeedValue;
Beating._BeatingTimer.Elapsed += OnTimedEvent;
Beating._BeatingTimer.AutoReset = true;
Beating._BeatingTimer.Enabled = true;
}
public void StartTimer()
{
Beating._BeatingTimer?.Start();
}
public void StopTimer()
{
Beating._BeatingTimer?.Stop();
}
private void OnTimedEvent(Object source, ElapsedEventArgs e)
{
try
{
if (this._Direction == false)
{
this.InitialValue = this.InitialValue - this.Increment;
if (this.InitialValue < this.MinValue)
this._Direction = true;
}
else
{
this.InitialValue = this.InitialValue + this.Increment;
if (this.InitialValue > this.MaxValue)
this._Direction = false;
}
if (this._pulse != null)
{
this._Dispatcher?.Invoke(new Action(() => { this._pulse.Height = this.InitialValue; }));
}
}
catch (Exception ex)
{
Console.WriteLine(ex.Message);
}
}
}
|
|
|
|
|
Marc Jeeves wrote: public partial class WaitTicker_Control : UserControl, INotifyPropertyChanged
A DependencyObject such as a UserControl doesn't need to implement INotifyPropertyChanged . The DependencyProperty already raises the necessary events when the value changes.
You're passing in the current value of a DependencyProperty to the Beating class. At that point, there is no connection between the int in the Beating class and the DependencyProperty .
The simplest option is probably to reverse the connection, and use binding to move the values around when they change:
internal sealed class Beating : INotifyPropertyChanged
{
private readonly Timer? _timer;
private int _value;
private bool _direction;
public int Value
{
get { return _value; }
set
{
if (value != _value)
{
_value = value;
OnPropertyChanged();
}
}
}
public int Increment { get; set; }
public int MinValue { get; set; }
public int MaxValue { get; set; }
public string BeatName { get; }
public double Speed
{
get { return _timer.Interval; }
set { _timer.Interval = value; }
}
public event PropertyChangedEventHandler? PropertyChanged;
private void OnPropertyChanged([CallerMemberName] string? propertyName = null)
{
PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
}
public Beating(int initialValue, int increment, int minValue, int maxValue, string beatName, double speed)
{
_value = initialValue;
Increment = increment;
MinValue = minValue;
MaxValue = maxValue;
BeatName = beatName;
_timer = new Timer
{
Interval = speed,
AutoReset = true,
Enabled = true,
};
_timer.Elapsed += OnTimedEvent;
}
public void StartTimer()
{
_timer.Start();
}
public void StopTimer()
{
_timer.Stop();
}
private void OnTimedEvent(Object source, ElapsedEventArgs e)
{
if (!_direction)
{
Value -= Increment;
if (Value < MinValue)
_direction = true;
}
else
{
Value += Increment;
if (Value > MaxValue)
_direction = false;
}
}
}
public partial class WaitTicker_Control : UserControl
{
private Beating _timer1;
private Beating _timer2;
private Beating _timer3;
private Beating CreateBeating(string beatName, DependencyProperty valueProperty, Border pulse)
{
Beating result = new Beating((int)GetValue(valueProperty), PulseIncrementValue, PulseMinValue, PulseMaxValue, beatName, PulseSpeedValue);
SetBinding(PulseIncrementValueProperty, new Binding(nameof(Beating.Increment)) { Source = result, Mode = BindingMode.OneWayToSource });
SetBinding(PulseMinValueProperty, new Binding(nameof(Beating.MinValue)) { Source = result, Mode = BindingMode.OneWayToSource });
SetBinding(PulseMaxValueProperty, new Binding(nameof(Beating.MaxValue)) { Source = result, Mode = BindingMode.OneWayToSource });
SetBinding(PulseSpeedValueProperty, new Binding(nameof(Beating.Speed)) { Source = result, Mode = BindingMode.OneWayToSource });
pulse.SetBinding(FrameworkElement.HeightProperty, new Binding(nameof(Beating.Value)) { Source = result, Mode = BindingMode.OneWay });
return result;
}
public WaitTicker_Control()
{
InitializeComponent();
_timer1 = CreateBeating("Pulse1", PulseCurrentValue1Property, Pulse1);
_timer2 = CreateBeating("Pulse2", PulseCurrentValue2Property, Pulse2);
_timer3 = CreateBeating("Pulse3", PulseCurrentValue3Property, Pulse3);
}
"These people looked deep within my soul and assigned me a number based on the order in which I joined."
- Homer
|
|
|
|
|
Thanks I will give it a try, and post the full example once completed for others.
|
|
|
|
|
It would appear that you have two accounts. Please close the one you do not need.
|
|
|
|
|