[Android]レイアウトファイルで下に配置したImageviewがButtonよりも手前に表示されない場合の対処法

題名だけでは何のこっちゃ意味不明という感じかもしれませんが、

Android Studio上のレイアウトファイル(Layout Editor)上では、ビュー(パーツ:部品)を配置するときに、「Component Tree」の下に配置すると、より手前に表示される(下に配置したビューが手前に表示されるために、上のビューを隠す)ようになっていますが、それがうまく機能しない場合の対処法という意味です。

 

例えば、こんな感じでButtonの下に配置したImageViewは、本来であれば、Buttonよりも手前に表示されるはずなのに、そうなってないやんけ~!という話の対処法です(文字ではわけわからんという方は、上の動画をご覧頂けるとまだおわかり頂けるかと思います。説明が下手ですいませんm(_ _)m)。

 

「Component Tree」上で、他のLayoutをかませて「Button」をひとつ下の階層に落としてあげれば解決するみたい

これは公式ドキュメントでの記述が見当たらなかったので、なぜこうなってるのかはよくわからないのですが、対処法だけをお伝えすると、

  • 「Button」は同じ階層にあると他のビューより強くなる(上にあっても手前に表示されてしまう)みたいなので
  • 「LinearLayout」などの他のLayoutをかませて、「Button」を手前に表示させたいビューよりも一つしたの階層に落としてあげればいい

ということのようです。

こんな感じで、「LinearLayout」をかませて「Button」を「ImageView」より一つ階層を下にしてやると、、、

 

ちゃんと「ImageView」が「Button」よりも手前に表示させることができました。

 

(詳しくは下に解説動画を載せていますので、よろしければ御覧ください)

アバター

北川 博之(きーぼー)

みんなのプログラミング by Telulu LLC代表 大阪府生まれ。京都大学経済学部経済学科卒業。 2000年より、日本生命保険、ニッセイアセットマネジメント、パトナム・インベストメンツ(米国)で、日本株トレーダー・アナリスト、経営企画、システム開発等の業務に従事。主に日本株の売買執行・投資分析、経営計画の策定、海外投資家向け日本株営業、社内トレーディングシステム及び経理システムの開発等を行う。 2016年、合同会社てるる設立。スマホアプリプログラマーとして「新感覚脳トレアプリ・記憶戦隊オボエルンジャー」「Meisoー1番シンプルなマインドフルネス瞑想アプリ」をはじめとした、メンタルヘルス・知育系アプリを中心に4タイトル・計8本(Android・iOS)をリリース。 2017年、自身のこれまでの社会人経験・プログラミング経験・子育て経験を基に、プログラミングを通じて人々の人生を豊かにして、未来に希望の持てる明るい社会の実現に貢献したいとの想いから、プログラミング完全初心者と挫折経験のある人を支援する「プログラミング挫折撲滅プロジェクト・みんなのプログラミング by Telulu LLC」を設立し、プログラミングサポーター活動と心理カウンセリング活動を開始。これまでに3,000名を超える方のプログラミング挫折撲滅をサポート。

こんな記事も読まれています

みんプロにかける想い

  1. プログラミングを通じて「やわらかい世の中」を作りたい(ぼくがプログラミング講座をやっている本当の理由②)

  2. プログラミングはみんなのもの!(プログラミングの醍醐味である「楽しさ」を伝えたい)

  3. トランプ政権2期目に起こるIT業界激震予想(前編:スマホの世界の構造問題に荒療治が行われる可能性)

  4. トランプ政権2期目に起こるIT業界激震予想(後編:ブロックチェーンによるインターネットの再民主化が行われる可能性)

  5. こんな無駄な苦労をするのはぼくで最後にしたい(ぼくがプログラミング講座をはじめたわけ)

みんプロ作成アプリ




みんプロ代表の黒歴史


TOP