Power Apps自定义页面打印时如何隐藏平台界面？

云原生阿岚

2026-7-13

Power Apps自定义页面打印时隐藏平台界面的解决方案

针对你遇到的自定义页面打印仍显示Power Apps平台界面的问题，可通过以下方法解决：

自定义打印CSS隐藏平台元素
通过打印媒体查询（@media print）编写CSS，在打印时隐藏Power Apps的导航栏、侧边栏等平台原生元素。具体步骤：

在自定义页面中添加一个HTML控件
将以下CSS代码放入HTML控件的HtmlText属性中（可根据实际元素ID调整选择器）：

<style>
@media print {
    /* 隐藏顶部导航栏 */
    #appHeaderContainer {
        display: none !important;
    }
    /* 隐藏左侧导航面板 */
    #leftNavigationContainer {
        display: none !important;
    }
    /* 隐藏右侧命令栏 */
    #commandBarContainer {
        display: none !important;
    }
    /* 让内容占满打印区域 */
    .canvasWrapper {
        margin: 0 !important;
        padding: 0 !important;
        width: 100% !important;
    }
}
</style>

若元素ID与示例不符，可通过浏览器F12开发者工具查看目标元素的具体ID或类名，修改CSS选择器。

结合全屏模式触发打印
在打印前让自定义页面进入全屏模式，避免平台界面显示：
1. 添加一个按钮，设置其OnSelect属性：
```
Set(varIsFullScreen, true);
Timer.Start()
```
1. 添加一个Timer控件，设置Duration为500（确保全屏生效），OnTimerEnd属性：
```
Print();
Set(varIsFullScreen, false);
```
1. 将自定义页面的FullScreen属性绑定到varIsFullScreen。