PowerApps:HTML文本控件中的缩放图像



当图像在powerapps中单击或悬停时,是否有方法放大图像?

这是HTML文本控件中的代码:

Concatenate(
"<b><font color=black>", currentWorkItemId, "</font></b>  ", LookUp(extendedWorkItemList, Id = currentWorkItemId, Title),
"<br></br><br></br><br></br>",
"<b>Test Case</b>",
"<hr>",
LookUp(workItemDetails, WorkItemId = Value(currentWorkItemId), TestCase)
)

以下是生成的HTML文本:

<b><font color=black>36066</font></b>Test<br></br><br></br><br></br><b>Test Case</b><hr><span style="display:inline !important;">Test Case<br><br><span style="display:inline !important;">This a just a Test :)<span>&nbsp;</span></span><a href="google.com" style="box-sizing:border-box;text-decoration:underline;cursor:pointer;">TestUrl</a><br style="box-sizing:border-box;"><span style="display:inline !important;"><br></span><br></span><img src="https://media.geeksforgeeks.org/wp-content/uploads/20200403151026/adblur_gfg.png" alt='Geeks Image'><br><br>

下面是它的样子:链路

提前感谢您的帮助!

这就是我点击原始图像的方式。在尝试之前,请通读整个回复。
7.3步骤

步骤1

原始图像是名为'image'的'Html-text'控件,HtmlText设置为以下值(包括字符串中的引号,删除第一个<后面的空格(:

"lt;img src="&ThisItem.Image&quot;宽度="&Self.Width&quot>quot;(你的可能是你的整个html输出,因为它不仅仅是一个图像,而是一个完整的html字符串(

ThisItem.Image是指引用名为"Image"的列的表单中所选的SPO列表项。这是一个设置为超链接的"超链接或图片"列。您可能不需要这个,因为您已经从另一种类型的列获取了URL

步骤2将OnScreen或App OnStart函数上的变量设置为设置(varImageLargeVisible,false(

步骤3将原始图像OnSelect设置为UpdateContext({varImageLargeVisible:true}(确保图像显示模式设置为编辑

步骤4创建一个新的HTML文本控件。将其设置为您想要的大小。如果你想挡住它后面的东西,把背景颜色做成白色或其他东西挡住控件后面的东西。

步骤5添加一个图标、X或其他明显的东西,以便用户知道如何关闭大图像。将OnSelect设置为UpdateContext({varImageLargeVisible:false}(

步骤6将新的Html Text控件的Visible函数和图标更改为如果(varImageLargeVisible=true,true(

步骤7将HtmlText设置为:

替换(Image.HtmlText,"width=443","width="应用程序宽度"(

"宽度=443";是在右侧信息面板上找到的原始控件的宽度。

7a-替换";图像";在"Image.HtmlText"中使用引用的图像。(这引用了称为"图像"的原始控件(

7b-将";443〃;在";宽度=443";与原始控制的宽度

7c-将"&应用宽度&quot;在";宽度="&应用宽度&quot;使用你想要的新尺寸。如果它是静态尺寸,你可以在这里输入一个数字,而不是动态尺寸"amp&quot;在PowerApps中分解html,所以如果你输入一个静态数字,也可以删除它。

注释我认为您需要在html输出中定义一个宽度,以便替换可以替换。<img src=";https://media.geeksforgeeks.org/wp-content/uploads/20200403151026/adblur_gfg.png"alt="极客图像">width=";0000〃>(将0000替换为当前图像的大小。(

希望这是有道理的。

最新更新