Мне нужно создать диалог/приглашение, включая TextBox для ввода пользователем. Моя проблема в том, как получить текст после подтверждения диалога? Обычно я бы сделал класс для этого, который сохранил бы текст в свойстве. Однако я хочу, чтобы дизайн Dialog использовал XAML. Поэтому мне нужно каким-то образом расширить XAML-код, чтобы сохранить содержимое TextBox в свойстве, но я думаю, что это невозможно с чистым XAML. Какой был бы лучший способ понять, что я хотел бы сделать? Как создать диалог, который можно определить из XAML, но все же может каким-то образом вернуть вход? Спасибо за любой намек!
WPF: создать диалог/приглашение
Ответ 1
"Ответственный" ответ был бы для меня предлагать создать ViewModel для диалога и использовать двустороннюю привязку данных в TextBox, чтобы ViewModel обладал некоторым свойством ResponseText или нет. Это достаточно легко сделать, но, вероятно, пережить.
Прагматичный ответ заключался бы в том, чтобы просто дать вашему текстовому полю x: Name, чтобы он стал членом и выставлял текст как свойство в вашем коде за классом, например:
<!-- Incredibly simplified XAML -->
<Window x:Class="MyDialog">
<StackPanel>
<TextBlock Text="Enter some text" />
<TextBox x:Name="ResponseTextBox" />
<Button Content="OK" Click="OKButton_Click" />
</StackPanel>
</Window>
Затем в вашем коде позади...
partial class MyDialog : Window {
public MyDialog() {
InitializeComponent();
}
public string ResponseText {
get { return ResponseTextBox.Text; }
set { ResponseTextBox.Text = value; }
}
private void OKButton_Click(object sender, System.Windows.RoutedEventArgs e)
{
DialogResult = true;
}
}
Затем, чтобы использовать его...
var dialog = new MyDialog();
if (dialog.ShowDialog() == true) {
MessageBox.Show("You said: " + dialog.ResponseText);
}
Ответ 2
Я просто добавляю статический метод, чтобы вызвать его как MessageBox:
<Window xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
x:Class="utils.PromptDialog"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
WindowStartupLocation="CenterScreen"
SizeToContent="WidthAndHeight"
MinWidth="300"
MinHeight="100"
WindowStyle="SingleBorderWindow"
ResizeMode="CanMinimize">
<StackPanel Margin="5">
<TextBlock Name="txtQuestion" Margin="5"/>
<TextBox Name="txtResponse" Margin="5"/>
<PasswordBox Name="txtPasswordResponse" />
<StackPanel Orientation="Horizontal" Margin="5" HorizontalAlignment="Right">
<Button Content="_Ok" IsDefault="True" Margin="5" Name="btnOk" Click="btnOk_Click" />
<Button Content="_Cancel" IsCancel="True" Margin="5" Name="btnCancel" Click="btnCancel_Click" />
</StackPanel>
</StackPanel>
</Window>
И код позади:
public partial class PromptDialog : Window
{
public enum InputType
{
Text,
Password
}
private InputType _inputType = InputType.Text;
public PromptDialog(string question, string title, string defaultValue = "", InputType inputType = InputType.Text)
{
InitializeComponent();
this.Loaded += new RoutedEventHandler(PromptDialog_Loaded);
txtQuestion.Text = question;
Title = title;
txtResponse.Text = defaultValue;
_inputType = inputType;
if (_inputType == InputType.Password)
txtResponse.Visibility = Visibility.Collapsed;
else
txtPasswordResponse.Visibility = Visibility.Collapsed;
}
void PromptDialog_Loaded(object sender, RoutedEventArgs e)
{
if (_inputType == InputType.Password)
txtPasswordResponse.Focus();
else
txtResponse.Focus();
}
public static string Prompt(string question, string title, string defaultValue = "", InputType inputType = InputType.Text)
{
PromptDialog inst = new PromptDialog(question, title, defaultValue, inputType);
inst.ShowDialog();
if (inst.DialogResult == true)
return inst.ResponseText;
return null;
}
public string ResponseText
{
get
{
if (_inputType == InputType.Password)
return txtPasswordResponse.Password;
else
return txtResponse.Text;
}
}
private void btnOk_Click(object sender, RoutedEventArgs e)
{
DialogResult = true;
Close();
}
private void btnCancel_Click(object sender, RoutedEventArgs e)
{
Close();
}
}
Итак, вы можете называть его так:
string repeatPassword = PromptDialog.Prompt("Repeat password", "Password confirm", inputType: PromptDialog.InputType.Password);
Ответ 3
Отличный ответ Джоша, все ему в кредит, я слегка изменил его на это:
MyDialog Xaml
<StackPanel Margin="5,5,5,5">
<TextBlock Name="TitleTextBox" Margin="0,0,0,10" />
<TextBox Name="InputTextBox" Padding="3,3,3,3" />
<Grid Margin="0,10,0,0">
<Grid.ColumnDefinitions>
<ColumnDefinition Width="*"/>
<ColumnDefinition Width="*"/>
</Grid.ColumnDefinitions>
<Button Name="BtnOk" Content="OK" Grid.Column="0" Margin="0,0,5,0" Padding="8" Click="BtnOk_Click" />
<Button Name="BtnCancel" Content="Cancel" Grid.Column="1" Margin="5,0,0,0" Padding="8" Click="BtnCancel_Click" />
</Grid>
</StackPanel>
Код MyDialog за
public MyDialog()
{
InitializeComponent();
}
public MyDialog(string title,string input)
{
InitializeComponent();
TitleText = title;
InputText = input;
}
public string TitleText
{
get { return TitleTextBox.Text; }
set { TitleTextBox.Text = value; }
}
public string InputText
{
get { return InputTextBox.Text; }
set { InputTextBox.Text = value; }
}
public bool Canceled { get; set; }
private void BtnCancel_Click(object sender, System.Windows.RoutedEventArgs e)
{
Canceled = true;
Close();
}
private void BtnOk_Click(object sender, System.Windows.RoutedEventArgs e)
{
Canceled = false;
Close();
}
И назовите его где-нибудь еще
var dialog = new MyDialog("test", "hello");
dialog.Show();
dialog.Closing += (sender,e) =>
{
var d = sender as MyDialog;
if(!d.Canceled)
MessageBox.Show(d.InputText);
}
Ответ 4
Вам не нужно ЛЮБОЙ этих других причудливых ответов. Ниже приведен упрощенный пример, который не имеет всех свойств Margin
, Height
, Width
, заданных в XAML, но должен быть достаточно, чтобы показать, как это сделать на базовом уровне.
XAML
Создайте страницу Window
, как обычно, и добавьте в нее свои поля, скажем, Label
и TextBox
внутри StackPanel
:
<StackPanel Orientation="Horizontal">
<Label Name="lblUser" Content="User Name:" />
<TextBox Name="txtUser" />
</StackPanel>
Затем создайте стандартный Button
для отправки ( "ОК" или "Отправить" ) и кнопку "Отмена", если хотите:
<StackPanel Orientation="Horizontal">
<Button Name="btnSubmit" Click="btnSubmit_Click" Content="Submit" />
<Button Name="btnCancel" Click="btnCancel_Click" Content="Cancel" />
</StackPanel>
Code-Behind
Вы добавите функции обработчика событий Click
в код-позади, но когда вы туда поедете, сначала объявите общедоступную переменную, в которой вы сохраните свое значение текстового поля:
public static string strUserName = String.Empty;
Затем для функций обработчика событий (щелкните правой кнопкой мыши по функции Click
на кнопке XAML, выберите "Перейти к определению", она создаст его для вас), вам нужна проверка, чтобы увидеть, пусто ли ваше поле, Вы сохраняете его в своей переменной, если это не так, и закройте окно:
private void btnSubmit_Click(object sender, RoutedEventArgs e)
{
if (!String.IsNullOrEmpty(txtUser.Text))
{
strUserName = txtUser.Text;
this.Close();
}
else
MessageBox.Show("Must provide a user name in the textbox.");
}
Вызов из другой страницы
Вы думаете, если я закрою свое окно с помощью этого this.Close()
там, мое значение исчезнет, правильно? НЕТ!! Я нашел это на другом сайте: http://www.dreamincode.net/forums/topic/359208-wpf-how-to-make-simple-popup-window-for-input/
У них был аналогичный пример (я немного почистил) о том, как открыть ваш Window
из другого и получить значения:
public partial class MainWindow : Window
{
public MainWindow()
{
InitializeComponent();
}
private void btnOpenPopup_Click(object sender, RoutedEventArgs e)
{
MyPopupWindow popup = new MyPopupWindow(); // this is the class of your other page
//ShowDialog means you can't focus the parent window, only the popup
popup.ShowDialog(); //execution will block here in this method until the popup closes
string result = popup.strUserName;
UserNameTextBlock.Text = result; // should show what was input on the other page
}
}
Кнопка Отмена
Ты думаешь, ну, а что об этой кнопке Отмена? Поэтому мы просто добавляем еще одну общедоступную переменную обратно в наш код всплывающего окна:
public static bool cancelled = false;
И включите наш обработчик событий btnCancel_Click
и внесите одно изменение в btnSubmit_Click
:
private void btnCancel_Click(object sender, RoutedEventArgs e)
{
cancelled = true;
strUserName = String.Empty;
this.Close();
}
private void btnSubmit_Click(object sender, RoutedEventArgs e)
{
if (!String.IsNullOrEmpty(txtUser.Text))
{
strUserName = txtUser.Text;
cancelled = false; // <-- I add this in here, just in case
this.Close();
}
else
MessageBox.Show("Must provide a user name in the textbox.");
}
А затем мы просто прочитали эту переменную в нашем MainWindow
btnOpenPopup_Click
событии:
private void btnOpenPopup_Click(object sender, RoutedEventArgs e)
{
MyPopupWindow popup = new MyPopupWindow(); // this is the class of your other page
//ShowDialog means you can't focus the parent window, only the popup
popup.ShowDialog(); //execution will block here in this method until the popup closes
// **Here we find out if we cancelled or not**
if (popup.cancelled == true)
return;
else
{
string result = popup.strUserName;
UserNameTextBlock.Text = result; // should show what was input on the other page
}
}
Длинный отклик, но я хотел показать, насколько легко использовать переменные public static
. Нет DialogResult
, никаких возвращаемых значений, ничего. Просто откройте окно, сохраните свои значения с помощью событий кнопки во всплывающем окне, а затем запустите их в функции главного окна.