294 lines
10 KiB
C#
294 lines
10 KiB
C#
using Microsoft.UI.Xaml;
|
||
using Microsoft.UI.Xaml.Controls;
|
||
using Microsoft.UI.Xaml.Controls.Primitives;
|
||
using Microsoft.UI.Xaml.Data;
|
||
using Microsoft.UI.Xaml.Input;
|
||
using Microsoft.UI.Xaml.Media;
|
||
using Microsoft.UI.Xaml.Navigation;
|
||
using System;
|
||
using System.Collections.Generic;
|
||
using System.Collections.ObjectModel;
|
||
using System.IO;
|
||
using System.Linq;
|
||
using System.Runtime.InteropServices.WindowsRuntime;
|
||
using Windows.Foundation;
|
||
using Windows.Foundation.Collections;
|
||
using Microsoft.UI.Composition;
|
||
using WinUINotes.Model;
|
||
|
||
// To learn more about WinUI, the WinUI project structure,
|
||
// and more about our project templates, see: http://aka.ms/winui-project-info.
|
||
|
||
namespace WinUINotes;
|
||
|
||
/// <summary>
|
||
/// An empty page that can be used on its own or navigated to within a Frame.
|
||
/// </summary>
|
||
public sealed partial class PhoneAppBinderPage : Page
|
||
{
|
||
private int _websiteCounter = 0; // 用于给每个网站输入框一个唯一的标识
|
||
|
||
private PhoneAppItem _selectedPhoneAppItem; // 存储当前在ListView中选中的项目
|
||
|
||
// 声明一个 ObservableCollection 来存储项目数据，并绑定到 ListView
|
||
public ObservableCollection<PhoneAppItem> PhoneAppItems { get; set; } = [];
|
||
|
||
Compositor _compositor = CompositionTarget.GetCompositorForCurrentThread();
|
||
SpringVector3NaturalMotionAnimation _springAnimation;
|
||
|
||
|
||
public PhoneAppBinderPage()
|
||
{
|
||
InitializeComponent();
|
||
this.Loaded += PhoneAppBinderPage_Loaded;
|
||
}
|
||
|
||
private void PhoneAppBinderPage_Loaded(object sender, RoutedEventArgs e)
|
||
{
|
||
// 初始添加一个网站输入框
|
||
AddWebsiteInputControl();
|
||
SetInputAreaReadOnly(true); // 页面加载时默认只读
|
||
|
||
// 可以添加一些示例数据
|
||
PhoneAppItems.Add(new PhoneAppItem { AppName = "微信", AppUrls = new List<string> { "https://wechat.com" } });
|
||
PhoneAppItems.Add(new PhoneAppItem { AppName = "支付宝", AppUrls = new List<string> { "https://alipay.com" } });
|
||
PhoneAppItems.Add(new PhoneAppItem { AppName = "抖音", AppUrls = new List<string> { "https://douyin.com", "https://douyin.net" } });
|
||
}
|
||
|
||
private void AddWebsiteButton_Click(object sender, RoutedEventArgs e)
|
||
{
|
||
AddWebsiteInputControl();
|
||
}
|
||
|
||
private void AddWebsiteInputControl(string initialUrl= "", bool isReadOnly = false)
|
||
{
|
||
_websiteCounter++;
|
||
|
||
// 创建一个包含TextBox和Button的StackPanel
|
||
StackPanel websiteEntryPanel = new StackPanel
|
||
{
|
||
Orientation = Orientation.Horizontal,
|
||
Spacing = 10,
|
||
Tag = _websiteCounter, // 用于删除时识别
|
||
HorizontalAlignment = HorizontalAlignment.Left
|
||
};
|
||
|
||
TextBox websiteTextBox = new TextBox
|
||
{
|
||
PlaceholderText = $"请输入网站URL ({_websiteCounter})",
|
||
Width = 400,
|
||
// 可以添加名称，便于后续获取数据，但Tag更方便定位
|
||
// Name = $"WebsiteTextBox_{_websiteCounter}"
|
||
Text = initialUrl, // 设置初始值
|
||
IsReadOnly = isReadOnly // 控制只读状态
|
||
};
|
||
|
||
Button deleteButton = new Button
|
||
{
|
||
Content = "删除",
|
||
Background = new SolidColorBrush(Microsoft.UI.Colors.Red), // 设置删除按钮背景色
|
||
Foreground = new SolidColorBrush(Microsoft.UI.Colors.White), // 设置文字颜色
|
||
Tag = _websiteCounter, // 用于删除时识别
|
||
Margin = new Thickness(5, 0, 0, 0) // 添加一些左边距
|
||
};
|
||
deleteButton.Click += DeleteWebsiteButton_Click;
|
||
deleteButton.IsEnabled = !isReadOnly; // 只读时禁用删除按钮
|
||
|
||
websiteEntryPanel.Children.Add(websiteTextBox);
|
||
websiteEntryPanel.Children.Add(deleteButton);
|
||
|
||
WebsitesStackPanel.Children.Add(websiteEntryPanel);
|
||
}
|
||
|
||
private void DeleteWebsiteButton_Click(object sender, RoutedEventArgs e)
|
||
{
|
||
Button deleteButton = sender as Button;
|
||
if (deleteButton != null)
|
||
{
|
||
int tagToRemove = (int)deleteButton.Tag;
|
||
|
||
// 找到对应的StackPanel并移除
|
||
UIElement panelToRemove = WebsitesStackPanel.Children
|
||
.FirstOrDefault(child => child is StackPanel sp && (int)sp.Tag == tagToRemove);
|
||
|
||
if (panelToRemove != null)
|
||
{
|
||
WebsitesStackPanel.Children.Remove(panelToRemove);
|
||
}
|
||
}
|
||
}
|
||
|
||
private void SaveProjectButton_Click(object sender, RoutedEventArgs e)
|
||
{
|
||
string appName = AppNameInputTextBox.Text.Trim();
|
||
List<string> appUrls = new List<string>();
|
||
|
||
foreach (UIElement child in WebsitesStackPanel.Children)
|
||
{
|
||
if (child is StackPanel websiteEntryPanel)
|
||
{
|
||
// 假设第一个子元素是TextBox
|
||
if (websiteEntryPanel.Children.FirstOrDefault() is TextBox websiteTextBox)
|
||
{
|
||
if (!string.IsNullOrWhiteSpace(websiteTextBox.Text))
|
||
{
|
||
appUrls.Add(websiteTextBox.Text);
|
||
}
|
||
}
|
||
}
|
||
}
|
||
|
||
// 在这里您可以处理收集到的数据
|
||
// 例如：显示在消息框中，保存到文件，发送到API等
|
||
// 检查应用程序名称是否为空
|
||
if (string.IsNullOrWhiteSpace(appName))
|
||
{
|
||
ShowMessageDialog("错误", "应用程序名称不能为空！");
|
||
return;
|
||
}
|
||
|
||
if(_selectedPhoneAppItem == null) // 新增项目
|
||
{
|
||
PhoneAppItem newAppItem = new PhoneAppItem
|
||
{
|
||
AppName = appName,
|
||
AppUrls = appUrls
|
||
};
|
||
PhoneAppItems.Add(newAppItem);
|
||
ShowMessageDialog("成功", $"项目 '{appName}' 已添加到列表。");
|
||
}
|
||
else // 更新现有项目
|
||
{
|
||
_selectedPhoneAppItem.AppName = appName;
|
||
_selectedPhoneAppItem.AppUrls = appUrls;
|
||
|
||
// 强制ListView更新Item，因为PhoneAppItem本身没有实现INotifyPropertyChanged
|
||
// 这里我们通过移除再添加来强制更新UI，或者更优雅的做法是PhoneAppItem实现INotifyPropertyChanged
|
||
int index = PhoneAppItems.IndexOf(_selectedPhoneAppItem);
|
||
if (index != -1)
|
||
{
|
||
PhoneAppItems.RemoveAt(index);
|
||
PhoneAppItems.Insert(index, _selectedPhoneAppItem);
|
||
}
|
||
ShowMessageDialog("成功", $"项目 '{appName}' 已更新。");
|
||
}
|
||
|
||
ClearInputArea(); // 清空输入区域
|
||
ProjectListView.SelectedItem = null; // 取消ListView选中状态
|
||
SetInputAreaReadOnly(true); // 保存后默认只读
|
||
}
|
||
|
||
private void AddNewProjectButton_Click(object sender, RoutedEventArgs e)
|
||
{
|
||
// 清空右侧输入区域，准备输入新项目
|
||
ClearInputArea();
|
||
ProjectListView.SelectedItem = null; // 取消ListView选中状态
|
||
_selectedPhoneAppItem = null; // 重置选中项
|
||
SetInputAreaReadOnly(false); // 启用编辑模式
|
||
AppNameInputTextBox.Focus(FocusState.Programmatic); // 让应用名称输入框获得焦点
|
||
}
|
||
|
||
// 编辑项目按钮点击事件
|
||
private void EditProjectButton_Click(object sender, RoutedEventArgs e)
|
||
{
|
||
if (_selectedPhoneAppItem == null)
|
||
{
|
||
ShowMessageDialog("提示", "请先从列表中选择一个项目进行编辑。");
|
||
return;
|
||
}
|
||
SetInputAreaReadOnly(false); // 解除只读状态，允许编辑
|
||
AppNameInputTextBox.Focus(FocusState.Programmatic); // 让应用名称输入框获得焦点
|
||
}
|
||
|
||
// ListView 选择项改变事件
|
||
private void ProjectListView_SelectionChanged(object sender, SelectionChangedEventArgs e)
|
||
{
|
||
_selectedPhoneAppItem = ProjectListView.SelectedItem as PhoneAppItem;
|
||
|
||
if (_selectedPhoneAppItem != null)
|
||
{
|
||
// 填充右侧输入框
|
||
AppNameInputTextBox.Text = _selectedPhoneAppItem.AppName;
|
||
WebsitesStackPanel.Children.Clear();
|
||
_websiteCounter = 0; // 重置计数器
|
||
|
||
foreach (var url in _selectedPhoneAppItem.AppUrls)
|
||
{
|
||
AddWebsiteInputControl(url, true); // 填充并设置为只读
|
||
}
|
||
// 如果没有网站，也添加一个只读的空输入框
|
||
if (_selectedPhoneAppItem.AppUrls.Count == 0)
|
||
{
|
||
AddWebsiteInputControl("", true);
|
||
}
|
||
|
||
SetInputAreaReadOnly(true); // 默认只读
|
||
SaveProjectButton.Content = "更新项目"; // 改变按钮文本
|
||
}
|
||
else
|
||
{
|
||
// 如果没有选中项，清空并设置为只读
|
||
ClearInputArea();
|
||
SetInputAreaReadOnly(true);
|
||
SaveProjectButton.Content = "保存项目"; // 恢复按钮文本
|
||
}
|
||
}
|
||
|
||
// 清空输入区域的辅助方法
|
||
private void ClearInputArea()
|
||
{
|
||
AppNameInputTextBox.Text = string.Empty;
|
||
WebsitesStackPanel.Children.Clear(); // 清空所有网站输入框
|
||
_websiteCounter = 0; // 重置计数器
|
||
AddWebsiteInputControl(); // 重新添加一个默认的网站输入框
|
||
}
|
||
|
||
// 设置输入区域只读状态的辅助方法
|
||
private void SetInputAreaReadOnly(bool isReadOnly)
|
||
{
|
||
AppNameInputTextBox.IsReadOnly = isReadOnly;
|
||
// 网站添加按钮
|
||
// 修复点：将 FindName 返回的 object 转换为 Button 类型
|
||
Button addWebsiteButton = (WebsitesStackPanel.Parent as ScrollViewer)?.FindName("AddWebsiteButton") as Button;
|
||
if (addWebsiteButton != null)
|
||
{
|
||
addWebsiteButton.IsEnabled = !isReadOnly;
|
||
}
|
||
// 迭代所有动态添加的网站输入框和删除按钮
|
||
foreach (UIElement child in WebsitesStackPanel.Children)
|
||
{
|
||
if (child is StackPanel websiteEntryPanel)
|
||
{
|
||
if (websiteEntryPanel.Children.FirstOrDefault() is TextBox websiteTextBox)
|
||
{
|
||
websiteTextBox.IsReadOnly = isReadOnly;
|
||
}
|
||
if (websiteEntryPanel.Children.LastOrDefault() is Button deleteButton)
|
||
{
|
||
deleteButton.IsEnabled = !isReadOnly;
|
||
}
|
||
}
|
||
}
|
||
SaveProjectButton.IsEnabled = !isReadOnly || _selectedPhoneAppItem != null; // 保存按钮在编辑模式下可用，或者在有选中项时可用（虽然在只读模式下通常不可用）
|
||
// 这里的逻辑是：如果不是只读模式，保存按钮可用。如果是只读模式，但有选中项，
|
||
// 那么只有“编辑项目”被点击后才会解除只读。
|
||
// 调整为：只有在非只读模式下才允许保存
|
||
SaveProjectButton.IsEnabled = !isReadOnly;
|
||
EditProjectButton.IsEnabled = isReadOnly && _selectedPhoneAppItem != null; // 只有在只读模式且有选中项时，编辑按钮才可用
|
||
}
|
||
|
||
|
||
// 辅助方法：显示消息对话框
|
||
private async void ShowMessageDialog(string title, string content)
|
||
{
|
||
ContentDialog dialog = new ContentDialog
|
||
{
|
||
Title = title,
|
||
Content = content,
|
||
CloseButtonText = "确定",
|
||
XamlRoot = this.Content.XamlRoot
|
||
};
|
||
await dialog.ShowAsync();
|
||
}
|
||
}
|