【MAUI】为 Label、Image 等控件添加点击事件
<h1 id="一前言">一、前言</h1><p>已经习惯了 WPF、WinForm 中“万物皆可点击”的方式。<br>
但是在 MAUI 中却不行了。<br>
在 MAUI 中，点击、双击的效果，是需要通过“<strong>手势识别器</strong>”来实现。<br>
本篇文章，我们就通过“手势识别器”来为 Label、Image等控件实现点击事件。</p>
<p><strong>相信看完的你，一定会有所收获！</strong></p>
<p>本文地址：https://www.cnblogs.com/lesliexin/p/16433623.html</p>
<hr>
<h1 id="二手势识别器">二、手势识别器</h1>
<p>本文实现点击所用到识别器是：<strong>TapGestureRecognizer</strong><br>
其介绍如下：</p>
<p>详见：https://docs.microsoft.com/en-us/dotnet/maui/fundamentals/gestures/tap</p>
<p><img src="https://img2022.cnblogs.com/blog/1686429/202207/1686429-20220701102513424-674706821.jpg" alt="image" loading="lazy"></p>
<hr>
<h1 id="三实现">三、实现</h1>
<h2 id="１创建-maui-项目">１，创建 MAUI 项目</h2>
<p>创建过程不再赘述，按照 VS 提示创建即可。<br>
创建完成后，会默认附带一些代码，我们在其基础上进行改造，为其添加上点击事件。</p>
<p><img src="https://img2022.cnblogs.com/blog/1686429/202207/1686429-20220701102617549-2027725344.jpg" alt="image" loading="lazy"></p>
<h2 id="2为-image-添加点击事件">2，为 Image 添加点击事件</h2>
<p><img src="https://img2022.cnblogs.com/blog/1686429/202207/1686429-20220701102701094-100331769.jpg" alt="image" loading="lazy"></p>
<p>后台 CS 代码如下：</p>
<p><img src="https://img2022.cnblogs.com/blog/1686429/202207/1686429-20220701102727274-1991541158.jpg" alt="image" loading="lazy"></p>
<h2 id="3为-label-添加点击事件">3，为 Label 添加点击事件</h2>
<p><img src="https://img2022.cnblogs.com/blog/1686429/202207/1686429-20220701102807323-1080438023.jpg" alt="image" loading="lazy"></p>
<p>后台 CS 代码如下：</p>
<p><img src="https://img2022.cnblogs.com/blog/1686429/202207/1686429-20220701102814004-801963644.jpg" alt="image" loading="lazy"></p>
<h2 id="2为-label-添加双击事件">2，为 Label 添加双击事件</h2>
<p>双击效果的实现，主要是用到了属性“<strong>NumberOfTapsRequired</strong>”，其值默认是1，代表点击1次即可触发。<br>
我们要实现双击效果，则将此属性设置为2。</p>
<p><img src="https://img2022.cnblogs.com/blog/1686429/202207/1686429-20220701102949247-2094464205.jpg" alt="image" loading="lazy"></p>
<p>后台 CS 代码如下：</p>
<p><img src="https://img2022.cnblogs.com/blog/1686429/202207/1686429-20220701102954478-62558937.jpg" alt="image" loading="lazy"></p>
<hr>
<h1 id="四演示">四、演示</h1>
<p>编译运行程序，我们点击图片、标签，可以看到触发了点击事件。<br>
而标签“双击才显示”，在单次点击时并不触发事件，只有双击时才会触发事件。</p>
<p><img src="https://img2022.cnblogs.com/blog/1686429/202207/1686429-20220701103135708-287715491.gif" alt="image" loading="lazy"></p>
<hr>
<h1 id="五总结">五、总结</h1>
<p>接触 MAUI 以来，发现为了兼容跨平台，特别是兼容移动端，所有的功能都以功能特点最小的移动端为主，这就导致了其桌面端功能特点的缺失，虽然合情合理，但是桌面端效果确实不咋地。<br>
当然，也和我目前对 MAUI 研究不深有关。<br>
仅就目前而言，如果我用 MAUI 开发的话，只会去开发移动端软件，而不会开发桌面端软件。</p>
<p>本人水平有限，难免有所疏漏，欢迎各位读者评论指正。</p>
<hr>
<p>-【END】-</p><br><br>
来源：https://www.cnblogs.com/lesliexin/p/16433623.html
頁:
[1]