gpt4 book ai didi

具有自动宽度和高度的 Silverlight 网格

转载 作者:行者123 更新时间:2023-12-03 00:27:29 25 4
gpt4 key购买 nike

银光处女在这里。如何使网格周围的用户控件自动调整大小以适应内部网格宽度?目前,当浏览器窗口更宽时,用户控件的显示尺寸约为 300 或 400 像素。它在数据网格周围呈现垂直和水平滚动条,这很丑陋。我想将控件宽度设置为“100%”,但这似乎不受支持。我错过了什么?

到目前为止,这是我的 xaml:

<UserControl x:Class="RichMedia.MainPage"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
xmlns:data="clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls.Data">
<Grid x:Name="LayoutRoot" Background="White">
<data:DataGrid Name="dataGrid1" AutoGenerateColumns="False"
HorizontalAlignment="Stretch" VerticalAlignment="Stretch"
DataContext="{Binding}" />
</Grid>
</UserControl>

编辑:我应该补充一点,我正在使用 Visual Studio 2010 中向现有 Web 应用程序项目添加 silverlight 应用程序时创建的默认容器。

以下是托管页面的标记:

<%@ Page Language="C#" AutoEventWireup="true" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
...
<style type="text/css">
html, body { height: 100%; overflow: hidden; }
body { padding: 0; margin: 0; }
html, body { height: 100%; overflow: hidden; }
#silverlightControlHost { height: 100%; text-align:center; }
</style>
<script type="text/javascript" src="Scripts/Silverlight.js"></script>
...
</head>
<body>
<form id="form1" runat="server" style="height:100%">
<div id="silverlightControlHost">
<object data="data:application/x-silverlight-2," type="application/x-silverlight-2" width="100%" height="100%">
<param name="source" value="ClientBin/RichMedia.xap"/>
<param name="onError" value="onSilverlightError" />
<param name="background" value="white" />
<param name="minRuntimeVersion" value="3.0.40818.0" />
<param name="autoUpgrade" value="true" />
<a href="http://go.microsoft.com/fwlink/?LinkID=149156&v=3.0.40818.0" style="text-decoration:none"><img src="http://go.microsoft.com/fwlink/?LinkId=161376" alt="Get Microsoft Silverlight" style="border-style:none"/></a>
</object><iframe id="_sl_historyFrame" style="visibility:hidden;height:0px;width:0px;border:0px"></iframe></div>
</form>
</body>
</html>

最佳答案

您需要将 Width:100% 和 Height:100% 放置在 HTML 中对象标记的样式中。您还需要确保包含元素(可能是主体)具有视口(viewport)的高度。这是通过确保样式“height:100%;overflow:hidden;”来完成的位于html标签和body标签上。将 margin:0px 放在 body 上,并将属性 roll="no"放在 body 上,以达到良好的测量效果。现在,您的 Silverlight 控件拥有浏览器客户端窗口区域并调整其大小。

同时从 UserControl 中删除 Width="Auto"和 Height="Auto"。

关于具有自动宽度和高度的 Silverlight 网格,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1819058/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com