2013-07-23 106 views
0

所以我有一個窗口,其中有一個「抽屜」。當用戶點擊一個按鈕並且它位於窗口的右側時,它從窗口後面滑出。更改寬度和高度時從左上角拉伸wpf

用戶可以調整主窗口(特別是其scatterview項目)。我想用窗戶縮放「抽屜」。但是,我遇到了一個問題,即當您調整窗口大小時,它會從右上角向左側調整抽屜的大小。這將抽屜的內容放在我的窗戶後面。我想保留窗口的左側部分並向右伸展。我希望我的照片能更好地解釋它。

(注意,請原諒在這兩張圖片標籤控件位置discrepency,抱歉)

這與矩形&標籤控件前柵格滑出:

previous

這是當與矩形網格&選項卡控件已滑出:

step1

這是當scatterview項目已被縮放時,其因此縮放抽屜更大 - 隱藏它無意的scatterview項後面:

step2

這是當scatterview項已被按比例縮小,這從而縮小抽屜的尺寸。很明顯,容納矩形和選項卡控件的網格按照我的需要縮放到右上角,而不是左上角。

step3

是否有什麼關係的事實,我已經抽屜高度爲界以某種方式在主窗口的高度和寬度值?我已經嘗試了各種各樣的右對齊值和東西無濟於事。碼頭面板是否適合這一個選項卡控制?下面是一些XAML的:

<s:ScatterViewItem x:Name="Window" Orientation="0" 
     Background="#FF787878" MaxWidth="500" MaxHeight="500" Center="9000,9000" CanScale="True" Visibility="Visible" RenderTransformOrigin="0.5,0.5" Width="200" Height="150" > 
    <!--Bunch of other items like textboxes here--> 
     <Grid x:Name="HancockDetails" Height="{Binding ActualHeight, ElementName=grid1}" VerticalAlignment="Top" Width="{Binding ActualWidth, ElementName=grid1}" Grid.Column="1" RenderTransformOrigin="0.5,0.5" FlowDirection="RightToLeft" HorizontalAlignment="Left"> 
     <Grid.RenderTransform> 
      <TranslateTransform x:Name="hcDetailTransform" /> 
     </Grid.RenderTransform> 
      <Rectangle> 
      <TabControl> 
       <TabItem> 
       <TextBlock> 
       </TextBlock> 
       </TabItem> 
      </TabControl> 
      </Rectangle> 
      </Grid> 
    </Scatterviewitem> 
+0

發佈你的完整xaml你有這兩個控件的地方,很難用提供的信息來猜測上下文。 – Viv

+0

我想我可以嘗試將它截斷。以上是佈局。 Theres更多的個人項目之間,但我敢肯定,他們不相關。 – user99999991

+0

甚至還添加了其他圖片以顯示它是如何縮小的。 – user99999991

回答

0

這是令人難以置信的,我們很難猜測有可能已編碼的UI,所以沒有你提供的一些代碼,這是不可能的,我們就可以找出你的確切問題是。

然而,用新的方式來看待這個......我在屏幕截圖中看到一個大矩形。在這個矩形的左邊是你稱之爲主窗口的東西,右邊是......其他的東西。我看到這個矩形已經旋轉了一小段。

你能不能讓這個外部矩形稍微旋轉Grid有兩列;左欄中的主窗口和右欄中的其他「抽屜」?然後,當用戶調整窗口大小時,Grid將自動填充空間並將所有內容保持在一起。

+0

對不起,我添加了更多的XAML代碼,因爲之前要求提供原始帖子,但它沒有正確格式。我從來沒有見過在Stackoverflow之前,代碼甚至不會顯示爲純文本!所以很抱歉><我確實提到了左邊的框是一個Scatterview項目。我應該也提到過,右邊的框(或者移動的「抽屜」)是一個帶有矩形和製表符控件的網格。 「旋轉」只是Surface SDK2.0的scatterview,您可以觸摸,放置,旋轉,縮放框。 – user99999991

+0

右側的框,我有擴展問題的抽屜需要成爲左側框的子項,因爲它是一個scatterview項目。它會自動繼承移動,旋轉,投擲物理效果,並在用戶觸摸該框時進行縮放。請注意,右側的框最初不可見,但最初從左側的框後面滑出。我添加了另一張照片來展示這一點。 – user99999991