Android Studioレイアウトプレビューはどこにありますか?


177

Android Studioをインストールしましたが、レイアウトファイルを編集すると、ライブプレビューが見つかりません。XMLファイルが表示されます。レイアウトをグラフィカルビューで表示するにはどうすればよいですか?

更新:これは私の場合のようです:

ここに画像の説明を入力してください


5
編集したファイルはResourcesディレクトリにありません...
etienne


4
移動View -> Tool Windows -> Preview
onmyway133

私にとって、ツールバー全体が欠落していたため、を有効にする必要がありましたView -> Toolbar Buttons
FirstOne、2018

回答:


353

アップデート2(2020-03-16)

新しいAndroid Studioバージョンでは、このボタンの場所が変更されました。レイアウトデザインのプレビューを表示するには、XMLの右上にあるボタンの1つを押す必要があります。画像アイコンのようなボタンをクリックすると、デザインダッシュボードが開きます。その隣のボタンをクリックすると、XMLコードの横にデザインが配置されている分割ビューが開きます。

ここに画像の説明を入力してください

オリジナル(2013-05-21)

xmlテキストエディターの下にあるDesignボタンの横にボタンが必要ですText

ここに画像の説明を入力してください

またはPreview、右上隅のボタンを使用して、XMLコードの横にプレビューウィンドウを追加できます。

ここに画像の説明を入力してください

更新:

それがない場合は、次のようにします。- View> Tool Windows->Preview

ここに画像の説明を入力してください


41
私はこのオプションをまったく持っていません!!
Fcoder、2013年

3
質問を更新し、スクリーンショットを貼りました。私は最近それをダウンロードし、何も変更しません!
Fcoder、2013年

6
このオプションがありますが、無効になっています!
2013年

2
ありがとうございました!プレビューが消え、どこに行ったのかわからなかった(私の子供が何かにぶつかったに違いない)。ありがとうございました!
tm_forthefuture 2014年

5
ビュー> Windowsツールでプレビューを表示できないすべての人にとって、オプションを表示するにはxmlエディターの「テキスト」タブにいる必要があります
D4rWiNS

46

複数の人々が同じ問題を抱えているようです。問題はres/layout*、Androidプロジェクトのディレクトリにあるレイアウトファイルを編集する場合にのみ、IDEがプレビューを表示することです。

特に、ファイルを編集する場合build/res/layout*は、ソースディレクトリではなく出力ディレクトリであるため表示されません。あなたの場合、あなたはbuild/ディレクトリ内のファイルを編集しています...

Resourceフォルダーは自動的に設定され、プロジェクト構造>モジュール> [モジュール名]> Android>リソースディレクトリで表示(および変更)できます。


1
どうもありがとう。時間を大幅に節約
Gaurav Vashisth 2013年

そこにはAndroidのタブがありません、あなたが説明するように何のリソースは、少なくとも現在の実際のAndroidスタジオ1.1.0で、特色ないリンク
アレクセエフバレリー

ええ、Android Studioが自動的に処理するようです。誤って出力ファイルを開くことはもうないと思います。
etienne、2015年

17

それが誰かを助けるために、今日私は「デザイン/テキスト」タブが欠落していた同じ問題を抱えていました。私は暗いテーマに切り替えて、それが問題だと思ったので、(IDE設定の下の)設定/外観に戻り、デフォルトのテーマに切り替えて、すべてを正しくリセットしました。その後、再びDarculaテーマに切り替えることもできますが、タブはまだそこにありました。テーマを切り替えることは、IDEウィンドウ/タブをリセットする方法のようです。


ブーム!ありがとうございました。Draculaテーマを使用していたのと同じ問題があり、下部にある[デザイン]タブと[テキスト]タブを表示するためにデフォルトテーマに切り替える必要がありました。乾杯。
Joshua Pinter 2013

下部のタブがありませんでした。これは、2013年9月25日の最新リリースで機能しました。しかし、それは私のテーマを元に戻しませんでした。コードエディタウィンドウだけです。それでもかなりバグが多いです。しかし、素晴らしい約束です
hanzolo

17
  1. 赤い色の長方形に示すように、左側のペインからMainActivity.javaファイルを選択します。

  2. 赤い丸で示されているように、XMLタグアイコンを左クリックします。

  3. 下の図で強調表示されている「activity_main.xml(layout)」オプションを選択します。

ここに画像の説明を入力してください


ありがとう!これは修正されました。
Sumutiu Marius

これが正解です。修正に20分かかりました。
Dan Zuzevich

12

以下は私のために働きました:

->ファイル

->設定

->プラグイン

-> Androidサポートプラグインを無効にする

->再起動するように求められます

->再起動したら、プロセスで無効にされた可能性があるプラグインおよび他の依存プラグインを再度有効にします。

->もう一度再起動するように求められます。うまくいけば、Android Studioが2回目に再起動したときにプレビューがレンダリングされるはずです。


10

これを修正する2つの簡単なオプションが見つかりました。

  1. 検索「プレビュー」に入力するだけで、単一の結果が表示されます。それをクリックするだけでプレビューが再び表示されます:)
  2. 右側の線を引くとウィンドウが表示されます。それはちょっとリサイズです。

Android Studioのプレビューウィンドウ

幸せなコーディング!



7

「ファイル」->「キャッシュの無効化/再起動」に移動します。

これで問題は解決します。


5

Eclipse ADTプロジェクトをAndroid Studioにインポートした後も同じ問題が発生しました。欠落しているテキストおよびDesingタブ。

イベントログウィンドウに「Frameworks detected:Android framework is detected in the project Configure」と表示される

提供されたハイパーリンクをクリックすると、すべてが修正され、[テキスト]タブと[デザイン]タブが表示されて機能するようになりました


4

ファイルに移動->プロジェクト構造->モジュール->緑のプラスボタンをクリックしてモジュールを追加します。

新しいモジュールを選択-> Androidオプションでアプリケーションモジュールを選択->モジュール名を指定->次へ->次へ->完了

モジュールに含めるプロジェクトを選択-> [適用]をクリック->大丈夫

これで、プロジェクトの構造全体を見ることができます。次に、モジュールフォームプロジェクトウィンドウ(左側のパネル)を開き、[res]を選択してから、[layout]->レイアウト名(.xml)を選択します。

これで、デザインビューとテキストビューの両方を表示できるようになります...


2

etienneが言ったように、あなたが見ているXMLファイルが src/main/res/layout

同じ問題がありました。buildディレクトリのレイアウトファイルを使用している場合、プレビューは表示されず、有効にするオプションとしても表示されません。Googleが少し警告してくれたらいいのに。


2

まず、新しいアプリを作成した後

java-> MainActivityに移動します

そのための新しいタブを開きます

Javaコードで、コードのロゴを確認できるインデックス番号をクリックします。ここに画像の説明を入力してください

写真の赤丸のように

それを左クリックすると、下の画像に示すように2つのオプションが表示されますここに画像の説明を入力してください

Android Studioでアプリをプレビューできるように、最初のオプションをクリックします


1

あなたが見たい場合は、ライブプレビューを画面の右側には、ボタンのコールが必要ですプレビュー表示/ライブプレビューを非表示にします。

WYSISYGエディターモードを使用する場合は、エディターの下部にXMLモードとWYSISYGモードを切り替えるタブがあります。

これは、IntelliJとAndroid Studioの両方で同じように機能します。


0

同じ問題があり、src> main> res> layoutのtファイルを編集することで解決しました。エディターの下部でテストモードとデザインモードのどちらかを選択できます。

どこを探すべきかわかっていれば、とても簡単です!!! それを理解するために数時間を費やします!!!


0

数時間前にプロジェクトをEclipseからAndroid Studioにエクスポートしたときにこの問題が発生しました。残念ながら、ここでの上位の回答は私にとってはうまくいきませんでした。

とにかく、古いプロジェクトを開く代わりに新しいプロジェクトを作成することが、トーマス・カリアコスが彼のコメントでここに述べたように私にとってはうまくいっ

私はプロジェクトをいじくり回さなければなりませんでした。そしてある時点でそれはうまくいきました。方法はわかりません。私の推測では、新しいプロジェクトの作成とソースコードの追加は常に機能するでしょう。あまり明確ではありませんでしたが、正直なところ、自分でもうまく機能していることに驚きました。– Thomas Kaliakos 2013年10月15日4:08


0

ドッキングモードが必要な場合(xmlファイルの編集中にも表示されます)、および誤って、ドッキングモードをクリックしてマークを外しました。元に戻すには、プレビューにフォーカスしてをクリックしますWindow > Active Tool Window > Docked Mode


0

下部に「Androidフレームワークが検出されました。クリックして設定してください」などのメッセージが表示された場合は、実行してください。

これを行った後、私のテキストとデザインの下部タブが表示されました。


0

私の場合、[ デザイン ]タブまたは[ プレビュー ]タブがありません。

試す

  • 必要なコンポーネントをダウンロードするためにプロキシを正しく構成する
  • スペース文字を含まないようにandroid-sdkパスを構成します
  • 管理モードでAndroid Studioを再起動します

0
  1. [ファイル]> [ キャッシュの無効化/再起動]に移動します。再起動後、プレビューウィンドウが表示されます。

  2. それでもプレビューウィンドウは開いていません。[表示]-> [ツール]ウィンドウ-> [ プレビュー ]をクリックします。


0

[ファイル]> [設定]> [外観と動作]> [外観]> [ツールウィンドウバーを表示]に移動します


0

私はAndroid Studio 3.3を使用していて、この方法がうまくいきました:左パネルからファイル/設定から設定を開き、[エディター]から[レイアウトエディター]を選択し、右パネルから[非レイアウトファイルの編集時にプレビューウィンドウを非表示にする]の3番目のオプションをオフにします。適用してOKを押します。次に、view / tool windows / preview is enableに移動し、レイアウトXDのデザインタブで有効にします。投票を忘れずに、この回答を正しい回答としてマークしてください。ハッピーコーディング。ここに画像の説明を入力してください


-1

File >> setting >> Compiler >> JavaCompiler「Project bytecode version(空白のままにするjdkデフォルト):」でjdkを選択します。

ここに画像の説明を入力してください

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.