內容適應屏幕大小（UWP應用程序）

我開發一個應用程序UWP和我使用的模板10，我有這樣的代碼已經完成：內容適應屏幕大小（UWP應用程序）

<VisualStateManager.VisualStateGroups> 
      <VisualStateGroup x:Name="AdaptiveVisualStateGroup"> 
       <VisualState x:Name="VisualStateNarrow"> 
        <VisualState.StateTriggers> 
         <AdaptiveTrigger MinWindowWidth="{StaticResource NarrowMinWidth}" /> 
        </VisualState.StateTriggers> 
        <VisualState.Setters> 
         <!-- TODO: change properties for narrow view --> 
         <!--<Setter Target="stateTextBox.Text" Value="Narrow Visual State" />--> 
        </VisualState.Setters> 
       </VisualState> 
       <VisualState x:Name="VisualStateNormal"> 
        <VisualState.StateTriggers> 
         <AdaptiveTrigger MinWindowWidth="{StaticResource NormalMinWidth}" /> 
        </VisualState.StateTriggers> 
        <VisualState.Setters> 
         <!-- TODO: change properties for normal view --> 
         <!--<Setter Target="stateTextBox.Text" Value="Normal Visual State" />--> 
        </VisualState.Setters> 
       </VisualState> 
       <VisualState x:Name="VisualStateWide"> 
        <VisualState.StateTriggers> 
         <AdaptiveTrigger MinWindowWidth="{StaticResource WideMinWidth}" /> 
        </VisualState.StateTriggers> 
        <VisualState.Setters> 
         <!-- TODO: change properties for wide view --> 
         <!--<Setter Target="stateTextBox.Text" Value="Wide Visual State" />--> 
        </VisualState.Setters> 
       </VisualState> 
      </VisualStateGroup> 
     </VisualStateManager.VisualStateGroups>

而且我設置了本廣告在應用程序中。在桌面上我想：

<UI:AdControl ApplicationId="3f83fe91-d6be-434d-a0ae-7351c5a997f1" 
          AdUnitId="test" 
          RelativePanel.AlignTopWithPanel="True" 
          RelativePanel.AlignHorizontalCenterWithPanel="True" 
          Margin="0,25,0,0" 
          Height="90" 
          Width="728"/>

和移動這樣的：

<UI:AdControl ApplicationId="3f83fe91-d6be-434d-a0ae-7351c5a997f1" 
          AdUnitId="test" 
          RelativePanel.AlignTopWithPanel="True" 
          RelativePanel.AlignHorizontalCenterWithPanel="True" 
          Margin="0,25,0,0" 
          Height="50" 
          Width="300"/>

如何更改桌面和移動的大小？

來源

2017-03-22 Fernando Sousa

那麼你有兩個選擇，你可以使用自適應或者您有使用設備，家庭訪問量

適應性將是我的選擇，只是使用setter方法控制。給廣告控制的名稱，然後在制定者，你將有類似

<UI:AdControl ApplicationId="GUID" AdUnitId="Test" 
       Name="SomeAdControl" ... />  


    <!-- narrow --> 
<VisualState.Setter> 
    <Setter Target="SomeAdControl.Width" Value="300" /> 
    <Setter Target="SomeAdControl.Height" Value="50" /> 
<VisualState.Setter/> 

<!--- Normal --> 
<VisualState.Setter> 
    <Setter Target="SomeAdControl.Width" Value="768" /> 
    <Setter Target="SomeAdControl.Height" Value="90" /> 
</VisualState.Setter>

這是相同的控制與根據觸發VisualTrigger不同的尺寸。

第二個選項是設備，家庭的看法，例如，你可以創建分離的文件夾，也可以在這種情況下

MainPage.DeviceFamily-Mobile.xaml 
    MainPage.DeviceFamily-Desktop.xaml 
    MainPage.xaml

所有這些都將是諧音，有不同意見的佈局創建具體意見。或者命名文件夾 DeviceFamily-Mobile並在該文件夾中放置部分類MainPage.xaml

來源

2017-03-22 23:20:53 mvermef

內容適應屏幕大小（UWP應用程序）

回答

相關問題