Fiddler插件开发指南（六、HOST事件）

头像
Ke1992
    阅读 8 分钟

    一、禁止/生效

    1、在Main类中增加公有静态方法changeRuleEnableByIndex

    //变更Rule的Enable数据
public void changeRuleEnableByIndex(int index)
{
    //获取数据
    HostModel rule = mainData[index] as HostModel;
    //变更状态
    rule.Enable = !rule.Enable;
    //重新写入文件
    DataTool.writeConfigToFile();
}

    2、新建GlobalEvent类，添加partial前缀，并且增加私有方法changeRuleEnable

    //是否生效事件
private void changeRuleEnable(object sender, MouseButtonEventArgs e)
{
    int index = Convert.ToInt32((sender as Rectangle).Tag.ToString());
    //变更状态
    Main.changeRuleEnableByIndex(index);
}

    3、修改GlobalStyle.xaml中事件绑定类为GlobalEvent
    4、给选中框添加MouseLeftButtonDown事件

    <Rectangle Grid.Column="2" Tag="{Binding Path=Index}" MouseLeftButtonDown="changeRuleEnable" Visibility="{Binding Path=CheckHide}" Style="{StaticResource content_style_rect}"></Rectangle>
<Canvas Grid.Column="2" Width="12" Height="12" Visibility="{Binding Path=CheckShow}">
    <Path Fill="#FFEC8E72" Data="M10.125 1.5l-5.625 5.625-2.625-2.625-1.875 1.875 4.5 4.5 7.5-7.5z" />
</Canvas>
<Rectangle Grid.Column="2" Tag="{Binding Path=Index}" MouseLeftButtonDown="changeRuleEnable" Visibility="{Binding Path=CheckShow}" Style="{StaticResource content_style_rect_check}"></Rectangle>

    5、打包预览
    禁止/生效

    二、双击修改

    1、HostAlertUI类的构造函数增加index参数，并设置默认值为-1
    2、HostAlertUI类添加_index属性，并在构造函数中初始化

    private int _index;
public HostAlertUI(int index = -1)
{
    _index = index;

    InitializeComponent();
}

    3、HostAlertUI类增加initInputText方法，并在构造函数中调用

    #region 初始化输入框内容
private void initInputText()
{
    //小于0代表是新增，直接返回
    if (_index < 0)
    {
        return;
    }

    //获取数据
    HostModel rule = Main.mainData[_index] as HostModel;

    //设置数据
    this.ip.Text = rule.IP;
    this.port.Text = rule.Port;
    this.url.Text = rule.Url;
}
#endregion

    4、Main类中增加公有静态方法modifyRuleByIndex

    //修改Rule数据
public static void modifyRuleByIndex(int index, string ip, string port, string url)
{
    //获取规则
    HostModel rule = mainData[index] as HostModel;
    //更新数据
    rule.IP = ip;
    rule.Port = port;
    rule.Url = url;
    //重新写入文件
    DataTool.writeConfigToFile();
}

    5、修改HostAlertUI类的addHostRule方法，增加修改相关逻辑
    6、AlertTool类的showHostAlertUI方法增加index参数，设置默认值为-1，并传递给HostAlertUI
    7、GlobalEvent类增加私有方法modifyRule

    //修改规则
private void modifyRule(object sender, MouseButtonEventArgs e)
{
    int index = Convert.ToInt32((sender as Label).Tag.ToString());
    //显示弹框
    AlertTool.showHostAlertUI(index);
}

    8、在GlobalStyle中给对应控件绑定双击事件

    <Label Grid.Column="0" Tag="{Binding Path=Index}" MouseDoubleClick="modifyRule" Content="{Binding Path=IpAndPort}" Template="{StaticResource content_text}"></Label>
<Label Grid.Column="1" Tag="{Binding Path=Index}" MouseDoubleClick="modifyRule" Content="{Binding Path=TipsAndUrl}" Template="{StaticResource content_text}"></Label>

    9、打包预览
    修改弹框
    修改结果

    三、菜单

    1、项目右键选择属性，切换到资源Tab，点击创建资源文件，创建完成以后，切换为图像资源，然后点击添加资源，选择添加现有文件，导入modify、delete、up、down四个Icon
    添加资源
    2、选择四个新增的Icon图片，修改复制到输出目录属性为始终复制，修改生成操作属性为Resource
    修改属性
    3、在GlobalStyle中新增menu_rule定义

    <!-- Rule菜单 -->
<ContextMenu x:Key="menu_rule">
    <MenuItem Header="修改">
        <MenuItem.Icon>
            <Image Source="Resources/modify.png" Width="16" Height="16"></Image>
        </MenuItem.Icon>
    </MenuItem>
    <MenuItem Header="删除">
        <MenuItem.Icon>
            <Image Source="Resources/delete.png" Width="16" Height="16"></Image>
        </MenuItem.Icon>
    </MenuItem>
    <Separator></Separator>
    <MenuItem Header="上移">
        <MenuItem.Icon>
            <Image Source="Resources/up.png" Width="16" Height="16"></Image>
        </MenuItem.Icon>
    </MenuItem>
    <MenuItem Header="下移">
        <MenuItem.Icon>
            <Image Source="Resources/down.png" Width="16" Height="16"></Image>
        </MenuItem.Icon>
    </MenuItem>
</ContextMenu>

    4、在GlobalStyle中给对应控件绑定ContextMenu属性

    <Label Grid.Column="0" Tag="{Binding Path=Index}" MouseDoubleClick="modifyRule" Content="{Binding Path=IpAndPort}" ContextMenu="{StaticResource menu_rule}" Template="{StaticResource content_text}"></Label>
<Label Grid.Column="1" Tag="{Binding Path=Index}" MouseDoubleClick="modifyRule" Content="{Binding Path=TipsAndUrl}" ContextMenu="{StaticResource menu_rule}" Template="{StaticResource content_text}"></Label>

    5、打包预览
    规则菜单

    四、菜单--修改

    1、GlobalEvent类增加私有方法handleRuleMenuClick

    #region 菜单点击事件
private void handleRuleMenuClick(object sender, RoutedEventArgs e)
{
    string type = (sender as MenuItem).Tag.ToString();
    object target = ((sender as MenuItem).Parent as ContextMenu).PlacementTarget as object;//获取点击源控件
    int index = (int)(target as Label).Tag;

    if (type == "modify")
    {
        modifyRule(target, null);
    }
}
#endregion

    2、修改菜单Item绑定Click，并设置Tag为modify

    <MenuItem Header="修改" Click="handleRuleMenuClick" Tag="modify">
    <MenuItem.Icon>
        <Image Source="Resources/modify.png" Width="16" Height="16"></Image>
    </MenuItem.Icon>
</MenuItem>

    五、菜单--删除

    1、Main类中添加公有静态方法deleteRuleByIndex

    //删除Rule
public static void deleteRuleByIndex(int index)
{
    //删除对应的数据
    mainData.RemoveAt(index);

    //遍历修改下标值
    for (int i = 0, len = mainData.Count; i < len; i++)
    {
        HostModel item = mainData[i] as HostModel;
        item.Index = i;
    }

    //重新写入文件
    DataTool.writeConfigToFile();
}

    2、Container类中添加公有方法deleteRuleFromUI

    //删除Rule控件
public void deleteRuleFromUI(int index)
{
    this.host.Children.RemoveAt(index);
}

    3、GlobalEvent类的handleRuleMenuClick增加delete逻辑

    else if (type == "delete")
{
    //删除数据
    Main.deleteRuleByIndex(index);
    //删除对应UI
    Main.container.deleteRuleFromUI(index);
}

    4、GlobalStyle中的删除菜单Item绑定Click属性，并设置Tag为delete

    <MenuItem Header="删除" Click="handleRuleMenuClick" Tag="delete">
    <MenuItem.Icon>
        <Image Source="Resources/delete.png" Width="16" Height="16"></Image>
    </MenuItem.Icon>
</MenuItem>

    六、菜单--上移/下移

    1、Main类中添加公有静态方法moveRuleByType

    //移动Rule
public static void moveRuleByType(int index, string moveType)
{
    //第一个数据
    if (index == 0 && moveType == "up")
    {
        return;
    }

    //最后一个数据
    if (index == mainData.Count - 1 && moveType == "down")
    {
        return;
    }

    //移动数据
    if (moveType == "up")
    {
        mainData.Insert(index - 1, mainData[index]);
        mainData.RemoveAt(index + 1);
    }
    else
    {
        mainData.Insert(index, mainData[index + 1]);
        mainData.RemoveAt(index + 2);
    }

    //遍历修改下标值
    for (int i = 0, len = mainData.Count; i < len; i++)
    {
        HostModel item = mainData[i] as HostModel;
        item.Index = i;
    }

    //重新写入文件
    DataTool.writeConfigToFile();
}

    2、Container类中添加私有方法initRuleToUI

    #region 私有方法(内部工具方法)
//初始化Rule面板
private void initRuleToUI()
{
    ArrayList items = Main.mainData;

    //遍历添加Rule到UI
    for (int i = 0, len = items.Count; i < len; i++)
    {
        addHostRule(items[i] as HostModel);
    }
}
#endregion

    3、Container类中添加公有方法moveRuleFromUI

    //移动Rule控件
public void moveRuleFromUI(int index, string moveType)
{
    if (index <= 0 && moveType == "up")
    {
        Fiddler.FiddlerApplication.DoNotifyUser("已在最顶部", "无法上移");
        return;
    }

    StackPanel panel = this.host;

    if (index == panel.Children.Count - 1 && moveType == "down")
    {
        Fiddler.FiddlerApplication.DoNotifyUser("已在最底部", "无法下移");
        return;
    }

    //移除所有的Item
    panel.Children.Clear();
    //重新渲染所有的Item
    initRuleToUI();
}

    4、GlobalEvent类的handleRuleMenuClick增加up/down逻辑

    else if (type == "up" || type == "down")
{
    //移动对应的数据 
    Main.moveRuleByType(index, type);
    //移动对应的UI
    Main.container.moveRuleFromUI(index, type);
}

    5、GlobalStyle中的上移/下移菜单Item绑定Click属性，并设置Tag为up/down

    <MenuItem Header="上移" Click="handleRuleMenuClick" Tag="up">
    <MenuItem.Icon>
        <Image Source="Resources/up.png" Width="16" Height="16"></Image>
    </MenuItem.Icon>
</MenuItem>
<MenuItem Header="下移" Click="handleRuleMenuClick" Tag="down">
    <MenuItem.Icon>
        <Image Source="Resources/down.png" Width="16" Height="16"></Image>
    </MenuItem.Icon>
</MenuItem>

    系列文章汇总

    资源推荐

    Microsoft前端fiddlerc#wpfnsis
    Ke1992
    55 声望41 粉丝
    « 上一篇
    Fiddler插件开发指南（五、全局事件）
    下一篇 »
    Fiddler插件开发指南（七、HOST映射）

    引用和评论

    被 9 篇内容引用
    推荐阅读
    头像
    H5实现移动端复制文字功能

    Ke1992赞 10阅读 9.6k评论 2

    头像
    CSS团队协作规范

    寒青赞 38阅读 7.3k

    头像
    100个React最佳实践小技巧

    夕水赞 25阅读 6.5k评论 4

    头像
    前端开发工具

    寒青赞 19阅读 5.2k

    头像
    开发插件集合

    寒青赞 14阅读 3.5k

    头像
    CSS 现在终于支持高度 auto 过渡动画了

    XboxYan赞 13阅读 3.2k

    头像
    Javascript(turfjs)等值线图绘制

    舍瓦温赞 15阅读 22.5k评论 18

    0 条评论
    得票最新