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

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

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

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

Xamarin

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

Q&A

解決済

1回答

960閲覧

ナビゲーションバーを含めた画面全体をロックしたい

kktf

総合スコア11

XAML

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

Xamarin

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

0グッド

0クリップ

投稿2018/12/27 13:49

前提・実現したいこと

Xamarin.FormsでActivity Indicatorが表示されている間、画面全体を操作できないようにしたいです。色々調べていたらActivity Indicatorの後ろにCntentViewを配置すればできそうだというところまではわかりました。

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

以下のソースコードのようにActivity Indicatorの後ろに画面全体を覆うContentViewを配置したのですが、下の画像のようにナビゲーションバーまで隠すことができないので右上の「Test」を押すことができてしまいます。

画面

こういった操作をできないようにContentViewを用いてナビゲーションバーを含めた画面全体を覆いたいのですが、何か良い方法はないでしょうか。教えていただけますと嬉しいです。

該当のソースコード

XAML

1<?xml version="1.0" encoding="utf-8"?> 2<ContentPage xmlns="http://xamarin.com/schemas/2014/forms" 3 xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml" 4 xmlns:local="clr-namespace:XF_OverlayStudy" 5 x:Class="XF_OverlayStudy.MainPage"> 6 <ContentPage.ToolbarItems> 7 <ToolbarItem Text="Test" /> 8 </ContentPage.ToolbarItems> 9 <AbsoluteLayout> 10 <StackLayout AbsoluteLayout.LayoutFlags="PositionProportional" 11 AbsoluteLayout.LayoutBounds="0.5,0.5,AutoSize,AutoSize"> 12 <Label Text="Welcome to Xamarin.Forms!" 13 HorizontalOptions="Center" 14 VerticalOptions="CenterAndExpand" /> 15 </StackLayout> 16 <ContentView AbsoluteLayout.LayoutFlags="All" 17 AbsoluteLayout.LayoutBounds="0,0,1,1" 18 Opacity="0.4" 19 BackgroundColor="Black" 20 IsVisible="true"/> 21 <Frame IsVisible="true" 22 AbsoluteLayout.LayoutFlags="PositionProportional" 23 AbsoluteLayout.LayoutBounds="0.5,0.5,AutoSize,AutoSize"> 24 <StackLayout> 25 <Label Text="test"/> 26 <ActivityIndicator IsVisible="true" 27 IsRunning="true"/> 28 </StackLayout> 29 </Frame> 30 </AbsoluteLayout> 31</ContentPage>

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

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

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

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

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

guest

回答1

0

ベストアンサー

Rg.Plugins.PopupAcr.UserDialogsといったライブラリを利用すれば簡単に実現できます。
検討してみてください。

投稿2018/12/27 16:05

f-miyu

総合スコア1625

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

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

kktf

2018/12/28 12:03

紹介いただいたライブラリを使用したら簡単に実現できました。回答いただきありがとうございました。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

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

ただいまの回答率
85.50%

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

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

質問する

関連した質問