質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
86.12%
C#

C#はマルチパラダイムプログラミング言語の1つで、命令形・宣言型・関数型・ジェネリック型・コンポーネント指向・オブジェクティブ指向のプログラミング開発すべてに対応しています。

XAML

XAML(Extensible Application Markup Language)はWPF、Silverlight、Windows PhoneそしてWindows Store appsでユーザーインターフェースを定義するために使われるXML言語です。

WPF

Windows Presentation Foundation (WPF) は、魅力的な外観のユーザー エクスペリエンスを持つ Windows クライアント アプリケーションを作成するための次世代プレゼンテーション システムです

解決済

WPFにおいてviewboxがうまく機能しない

masuo1234
masuo1234

総合スコア12

C#

C#はマルチパラダイムプログラミング言語の1つで、命令形・宣言型・関数型・ジェネリック型・コンポーネント指向・オブジェクティブ指向のプログラミング開発すべてに対応しています。

XAML

XAML(Extensible Application Markup Language)はWPF、Silverlight、Windows PhoneそしてWindows Store appsでユーザーインターフェースを定義するために使われるXML言語です。

WPF

Windows Presentation Foundation (WPF) は、魅力的な外観のユーザー エクスペリエンスを持つ Windows クライアント アプリケーションを作成するための次世代プレゼンテーション システムです

1回答

0リアクション

0クリップ

10931閲覧

投稿2018/11/20 07:50

WPFのxamlにおけるviewboxの使い方に関する質問です。

[要望]
ウィンドウサイズを変えたとき、画面内にあるコントロール同士の比率を維持したまま
拡大・縮小させたいです。

[現状]
➀Gridで行と列で分割し、要素を配置。その周りをViewboxで囲う。
<Viewbox>
<Grid>
<Grid.ColumDefinitions/>
<Grid.RowDefinitions/>
要素(TextBlockなど)
</Grid>
</Viewbox>

➁Gridで行と列を分割し、要素をそれぞれViewboxで囲って配置。
<Grid>
<Grid.ColumDefinitions/>
<Grid.RowDefinitions/>
<Viewbox>
要素(TextBlockなど)
</Viewbox>

<Viewbox> 要素(TextBlockなど) </Viewbox>
</Grid>

➀,➁どちらの方法でもウィンドウを拡大・縮小した際に画面内のコントロールはサイズが固定されたままでした。
なぜ、拡大・縮小されないか原因がわかりません。ご教示いただけないでしょうか。

コードと実行結果を下に載せます。

イメージ説明
イメージ説明

<Page x:Class="MotionalGuidanceSystem.Page2" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:local="clr-namespace:MotionalGuidanceSystem" mc:Ignorable="d" Height="800" Width="900" Title="テストページ">

<Viewbox Margin="1" Stretch="Uniform"> <Grid Margin="10" > <!--グリッドの列を複数に分割--> <Grid.ColumnDefinitions> <ColumnDefinition Width="67*"/> <ColumnDefinition Width="109*"/> </Grid.ColumnDefinitions> <!--グリッドの行を複数に分割--> <Grid.RowDefinitions> <RowDefinition Height="341*"/> <RowDefinition Height="439*"/> </Grid.RowDefinitions> <Viewbox Grid.Row="0" Grid.Column="0" Stretch="Uniform"> <TextBlock FontSize="30" HorizontalAlignment="Center" Margin="10" TextAlignment="Center"> d </TextBlock> </Viewbox> <Viewbox Grid.Row="0" Grid.Column="1" Stretch="Uniform"> <TextBlock FontSize="30" HorizontalAlignment="Center" Margin="10" TextAlignment="Center"> f </TextBlock> </Viewbox> <Viewbox Grid.Row="1" Grid.Column="0" Stretch="Uniform"> <TextBlock FontSize="30" HorizontalAlignment="Center" Margin="10" TextAlignment="Center"> r </TextBlock> </Viewbox> <Viewbox Grid.Row="1" Grid.Column="1" Stretch="Uniform"> <TextBlock FontSize="30" HorizontalAlignment="Center" Margin="10" TextAlignment="Center"> x </TextBlock> </Viewbox>

ヘディングのテキスト

</Grid> </Viewbox>
</Page> ### 前提・実現したいこと

ここに質問の内容を詳しく書いてください。
(例)PHP(CakePHP)で●●なシステムを作っています。
■■な機能を実装中に以下のエラーメッセージが発生しました。

発生している問題・エラーメッセージ

エラーメッセージ

該当のソースコード

ソースコード

試したこと

ここに問題に対して試したことを記載してください。

補足情報(FW/ツールのバージョンなど)

ここにより詳細な情報を記載してください。

以下のような質問にはリアクションをつけましょう

  • 質問内容が明確
  • 自分も答えを知りたい
  • 質問者以外のユーザにも役立つ

リアクションが多い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

気になる質問をクリップする

クリップした質問は、後からいつでもマイページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

下記のような質問は推奨されていません。

  • 間違っている
  • 質問になっていない投稿
  • スパムや攻撃的な表現を用いた投稿

適切な質問に修正を依頼しましょう。

Gurz1019_MP

2018/11/20 14:35

掲示いただいたコードを動かしてみた所、ウィンドウサイズに応じて見切れることなく変形されました。これは目的の挙動とは異なりますか?
masuo1234

2018/11/21 02:25

返答ありがとうございます。そのような挙動が目的です。こちらでは掲示したコードではウィンドウサイズに応じて変形されないのでコード以外に原因がありそうですね。
Gurz1019_MP

2018/11/21 14:02

動かしてみたと言いながら、Page要素はコピーしていませんでした。失礼しました。
masuo1234

2018/11/22 07:51

いえ、試していただきありがとうございました。

まだ回答がついていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
86.12%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問

同じタグがついた質問を見る

C#

C#はマルチパラダイムプログラミング言語の1つで、命令形・宣言型・関数型・ジェネリック型・コンポーネント指向・オブジェクティブ指向のプログラミング開発すべてに対応しています。

XAML

XAML(Extensible Application Markup Language)はWPF、Silverlight、Windows PhoneそしてWindows Store appsでユーザーインターフェースを定義するために使われるXML言語です。

WPF

Windows Presentation Foundation (WPF) は、魅力的な外観のユーザー エクスペリエンスを持つ Windows クライアント アプリケーションを作成するための次世代プレゼンテーション システムです