“可点击”文本块？

Question

我有一个 WP7 应用程序，我希望有一个“可点击”的 TextBlock 区域，当用户单击 TextBlock 时，它会将其置于编辑模式（不同的控制）。 这将为用户在编辑文本之前添加另一个明确的步骤。

TextBlock 没有点击事件（这并不让我感到惊讶）。

有什么办法可以做到这一点吗？包裹在另一个控件或类似的东西中？

Answer 1

是的，有一个点击事件。它称为 MouseLeftButtonDown

textBlock1.MouseLeftButtonDown +=new MouseButtonEventHandler(textBlock1_MouseLeftButtonDown);

private void textBlock1_MouseLeftButtonDown(object sender, MouseButtonEventArgs e)
{

}

Answer 2

我通过在其模板内创建一个带有 TextBlock 的按钮解决了这个问题，如下所示：

<Button Click="button_Click">
    <Button.Template>
        <ControlTemplate>
            <TextBlock ... />
        </ControlTemplate>
    </Button.Template>
</Button>

它有更多的标记，但您不需要编写任何代码，它由框架提供并且可以正常工作。

Answer 3

您可以使用手势支持关联单击事件。

编辑：通过这样做，您的行为将与用户在操作过程中在显示屏上移动手指时的单击（点击）一致。单击在鼠标按下、移开控制、鼠标松开时不会触发。点击手势的作用相同。并非所有用户都知道他们可以通过移动鼠标/手指来中止单击，但有些用户知道，如果处理不当，您将陷入困境。 MouseLeftButtonUp 处理的工作方式相同，但我不建议依赖于此，因为它不是设计使然，并且可能会出现意外的更改或与其他控件发生冲突。

Answer 4

有几个答案建议使用 MouseLeftButton 事件，但我看到很多这种方法出错的例子。
我建议将 TextBlock （或其他控件）放入具有自定义样式的按钮中（删除除内容控件之外的所有边框/边距）。好多了！

 <Button Style={StaticResource OnlyContentStyle}>
      <Button.Content>
           <TextBlock />
      </Button.Content>
 </Button>

Answer 5

另一种方法是使用 Seva 的解决方案，但添加更多内容，这样滚动就不会触发“点击”

bool _IsMouseDown = false;

private void Textblock_MouseLeftButtonDown(object sender, MouseButtonEventArgs e)
{
    _IsMouseDown = true;
}

private void Textblock_MouseLeave(object sender, MouseEventArgs e)
{
    _IsMouseDown = false;
}

private void Textblock_MouseLeftButtonUp(object sender, MouseButtonEventArgs e)
{
    if (_IsMouseDown)
    {
        _IsMouseDown = false;

        //ITS a CLick do something!
        Textblock clickedButton = (Textblock)sender;
        AddNumberToRolledNumbers(Convert.ToInt32(clickedButton.Tag),clickedButton.Background );
     }
}

Answer 6

听起来你只需要一个按钮。更改控件模板以删除边框样式等，并创建您自己的（或清除现有的）视觉状态。或者甚至对其进行编辑，使“压抑”状态产生一点 3D 投影。

此外，通过按钮，如果您使用 MVVM，还可以使用按钮上的命令。

卢克

Answer 7

private void txtPersonName_MouseLeftButtonDown(object sender, MouseButtonEventArgs e)
    {
        var txtPersonName = e.OriginalSource as TextBlock;

        if (txtPersonName == null) return;

        MouseButtonEventHandler eveMouseLeftButtonUp = (sen, eve) => NavigationService.Navigate(new Uri("/Views/PersonPage.xaml?personId=" + txtPersonName.Tag, UriKind.RelativeOrAbsolute));
        MouseEventHandler eveMouseMove = (sen, eve) => txtPersonName.MouseLeftButtonUp -= eveMouseLeftButtonUp;

        txtPersonName.MouseLeftButtonUp += eveMouseLeftButtonUp;
        txtPersonName.MouseMove += eveMouseMove;
    }

我更喜欢添加一个事件并动态执行其余事件。

Answer 8

可以使用 PointerReleased 来捕获 UWP 控件的单击事件