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

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

新規登録して質問してみよう
ただいま回答率
85.50%
iOS

iOSとは、Apple製のスマートフォンであるiPhoneやタブレット端末のiPadに搭載しているオペレーションシステム(OS)です。その他にもiPod touch・Apple TVにも搭載されています。

Xamarin

Xamarin(ザマリン)は、iPhoneなどのiOSやAndroidで動作し、C# 言語を用いてアプリを開発できるクロスプラットフォーム開発環境です。Xamarin Studioと C# 言語を用いて、 iOS と Android の両方の開発を行うことができます。

Q&A

0回答

480閲覧

Xamarin.iOSでUIStackViewを入れ子にしたUILabelが表示されない

yrema

総合スコア286

iOS

iOSとは、Apple製のスマートフォンであるiPhoneやタブレット端末のiPadに搭載しているオペレーションシステム(OS)です。その他にもiPod touch・Apple TVにも搭載されています。

Xamarin

Xamarin(ザマリン)は、iPhoneなどのiOSやAndroidで動作し、C# 言語を用いてアプリを開発できるクロスプラットフォーム開発環境です。Xamarin Studioと C# 言語を用いて、 iOS と Android の両方の開発を行うことができます。

0グッド

0クリップ

投稿2019/05/31 06:02

以下のようなUIStackViewの入れ子の構成になっているのですが、
UILabel(コードの★の部分)が表示されなくて困っています。
WidthAnchorやHeightAnchor、またFrameを設定してみても表示されませんでした。
何が悪いのでしょうか?

View - UIStackView (m_MainStackView) - UIView (titleArea) - UIStackView (insideStackView) - UILabel (systemLabel) ★これが表示されない - UIView (buttonArea)

c#

1 2 public override void ViewDidLoad() 3 { 4 base.ViewDidLoad(); 5 6 // ナビゲーションバー非表示 7 NavigationController.SetNavigationBarHidden(true, true); 8 9 // メインビュー 10 m_MainStackView = new UIStackView() 11 { 12 Frame = new CGRect(0, 0, View.Frame.Width, 640), 13 Axis = UILayoutConstraintAxis.Vertical, 14 Alignment = UIStackViewAlignment.Center, 15 Distribution = UIStackViewDistribution.EqualSpacing, 16 Spacing = 30 17 }; 18 m_MainStackView.Center = View.Center; 19 View.AddSubview(m_MainStackView); 20 21 // 上 22 UIView titleArea = new UIView(); 23 titleArea.BackgroundColor = UIColor.FromRGBA(0, 0, 255, 32); 24 titleArea.WidthAnchor.ConstraintEqualTo(400).Active = true; 25 titleArea.HeightAnchor.ConstraintEqualTo(200).Active = true; 26 m_MainStackView.AddArrangedSubview(titleArea); 27 28 // 下 29 UIView buttonArea = new UIView(); 30 buttonArea.BackgroundColor = UIColor.FromRGBA(128, 255, 0, 32); 31 buttonArea.WidthAnchor.ConstraintEqualTo(600).Active = true; 32 buttonArea.HeightAnchor.ConstraintEqualTo(200).Active = true; 33 m_MainStackView.AddArrangedSubview(buttonArea); 34 35 SetupTitleArea(titleArea); 36 } 37

c#

1 private void SetupTitleArea(UIView titleArea) 2 { 3 View.SetNeedsDisplay(); 4 5 UIStackView insideStackView = new UIStackView(titleArea.Bounds) 6 { 7 Axis = UILayoutConstraintAxis.Vertical, 8 Alignment = UIStackViewAlignment.Leading, 9 Distribution = UIStackViewDistribution.EqualSpacing, 10 Spacing = LoginConst.Layout.SPACING 11 }; 12 13 UILabel systemLabel = ViewUtility.CreateDefaultLabel(); 14 systemLabel.Text = "あいうえお"; // ★これが表示されない 15 systemLabel.WidthAnchor.ConstraintEqualTo(titleArea.Bounds.Width).Active = true; 16 systemLabel.HeightAnchor.ConstraintEqualTo(50).Active = true; 17 18 insideStackView.AddArrangedSubview(systemLabel); 19 titleArea.AddSubview(insideStackView); 20 21 }

◆環境
Visual Studio 2017
Xamarin 4.12
Xamarin.iOS 12.2

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

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

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

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

yrema

2019/05/31 07:12

その質問はWidthAnchorとHeightAnchorを追記することによって解決しています。 今回は↓を追記しても表示されないのです。 systemLabel.WidthAnchor.ConstraintEqualTo(titleArea.Bounds.Width).Active = true; systemLabel.HeightAnchor.ConstraintEqualTo(50).Active = true;
fuzzball

2019/05/31 07:24

titleArea.Bounds.Widthの値はどうなってますか?
yrema

2019/05/31 07:27

0になってました・・・なぜでしょう?
yrema

2019/05/31 07:31

試しに systemLabel.WidthAnchor.ConstraintEqualTo(400).Active = true; systemLabel.HeightAnchor.ConstraintEqualTo(50).Active = true; とやってみましたが、変わらず表示されませんでした。
fuzzball

2019/05/31 07:36 編集

制約の設定というのは、その瞬間にサイズを設定するわけではなくて、最終的にそのサイズになるということです。titleAreaには一度もサイズ設定をしていないようので0なのだと思います。
fuzzball

2019/05/31 07:39 編集

>>16:31への返信 insideStackViewのサイズも0なんじゃないですかね? 一つ一つ何が悪いのか自分で調べてみてはどうでしょうか?
yrema

2019/05/31 08:28

ありがとうございます。ベストアンサーとしたいのですが、ご回答として投稿していただけますか?
fuzzball

2019/05/31 08:53

解決したのであれば解決方法を書いて自己解決にして下さい。 原因について書いただけなので。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

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

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

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

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

ただいまの回答率
85.50%

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

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

質問する

関連した質問