記事一覧

RelativeLayoutを使用するとFillAndExpandを設定しても横幅が100%にならない現象の対応方法 | Xamarin.Forms


今回は全てのXamlコンテンツに対して、HorizontalOptions="FillAndExpand" と設定をしても、横幅いっぱいに表示されない件についてご紹介いたします。
調べてみるとRelativeLayoutを使用した際にその子コンテンツの横幅が100%になりません。


xamarin_relativelayout_bug_01.png


前提条件
・Windows10 Pro 64Bit
・Visual Studio 2015 Community Update3
・Xamarin 4.3.0.795 (NuGet Xamarin.Forms 2.3.4.247)
・macOS Sierra 10.12.4 / Xcode8.3.1 / Xamarin.iOS 10.6.0.10



1.対応方法

XAMLにRelativeLayout.WidthConstraintを設定します。

<RelativeLayout VerticalOptions="FillAndExpand"
                        HorizontalOptions="FillAndExpand">
    <StackLayout Orientation="Vertical"
                         VerticalOptions="FillAndExpand"
                         HorizontalOptions="FillAndExpand"
     RelativeLayout.WidthConstraint=
         "{ConstraintExpression Type=RelativeToParent,
                                Property=Width,
                                Factor=1}"
     RelativeLayout.HeightConstraint=
         "{ConstraintExpression Type=RelativeToParent,
                                Property=Height,
                                Factor=1}">
    </StackLayout>
</RelativeLayout>


※HeightConstraintは設定しないほうが良いレイアウトになりそうです。

参考URL
https://stackoverflow.com/questions/30337451/xamarinforms-stacklayout-inside-relativelayout-is-not-filling-the-whole-screen




最後までお読みいただきありがとうございます。
当ブログの内容をまとめた Xamarin逆引きメニュー は以下のURLからご覧になれます。
http://itblogdsi.blog.fc2.com/blog-entry-81.html


関連記事

コメント

コメントの投稿

カテゴリ別記事一覧

広告

プロフィール

石河 純


著者名 :石河 純
自己紹介:素人上がりのIT技術者。趣味は卓球・車・ボウリング

IT関連の知識はざっくりとこんな感じです。
【OS関連】
WindowsServer: 2012/2008R2/2003/2000/NT4
Windows: 10/8/7/XP/2000/me/NT4/98
Linux: CentOS RedHatLinux9
Mac: macOS Sierra 10.12 / OSX Lion 10.7.5 / OSX Snow Leopard 10.6.8
【言語・データベース】
VB.net ASP.NET C#.net Java VBA
Xamarin.Forms
Oracle10g SQLServer2008R2 SQLAnywhere8/11/16
ActiveReport CrystalReport ReportNet(IBM)
【ネットワーク関連】
CCNP シスコ技術者認定
Cisco Catalyst シリーズ
Yamaha RTXシリーズ
FireWall関連
【WEB関連】
SEO SEM CSS IIS6/7 apache2

休みの日は卓球をやっています。
現在、卓球用品通販ショップは休業中です。