[Android] FragmentをHello Worldから始めるみる

FragmentはActivityと共に重要な機能を果たしていますが、いまいちわかりにくところがあります。最初に簡単なHello Worldを表示させるところから始めてみましょう。

Android Studio
2021.2.1




Fragment

 

AndroidではActivityは重要な機能を司っていますが、勢いなんでもかんでもActivityに機能を入れてしまって巨大なActivityが出来上がってしまいます。これではメンテナンスがやりにくいコードになってしまい、チームでの開発がより困難になります。
 
Fragmentは「断片」という意味ですが、ActivityのUI部分を肩代わりでき、いくつものFragmentをActivityから開いたり閉じたりできます。
 
また、複数のActivityから使いまわすような再利用も可能です。
 
1x1.trans - [Android] FragmentをHello Worldから始めるみる


 
Activityには以下の役割があります
  • Viewの生成と制御
  • リソースを取得したりするContextのタスク
  • コンポーネントとしてIntentを受け取る

ActivityにはActivityにしか出来ない事を担わせて、View生成と制御の部分はFragmentに任せようということです。
 

 

タグ<fragment>

 

レイアウトに <fragment> タグを使ってHello Worldを表示させます。
ただしこの方法は静的なので拡張性があまりないのですが、Fragmentを理解するためにあえて簡単なところから始めます。
 
<androidx.fragment.app.FragmentContainerView .. />
MainActivityからsetContentViewで呼び出すレイアウトです。ボタンなどのViewと同じようにタグを設定します。

nameには パッケージ名 + Fragmentクラス名 を入れます。
この例ではパッケージ名:com.example.testfragment
Fragmentクラス名:SampleFragment
なので
com.example.testfragment.SampleFragment
(このままコピペしないように)
 
activity_main.xml

 

Fragment クラス: 次にFramentを継承したクラスを作成します。 1x1.trans - [Android] FragmentをHello Worldから始めるみる

 

SampleFragment.java

 
 
onCeateView():
ActivityのようにFragmentにもライフサイクルがありViewを生成するタイミングで呼ばれるのが onCeateView() です。onCreateViewで渡される LayoutInfrater にFragmentのレイアウトをinflate(挿入)して返します。
 
Fragment のレイアウト:
レイアウトにTextViewを入れて定番のHello World(の代わりに”Hello Fragment”)の文字列をリソースから呼びます。
 
fragment_main.xml

サンプルコード

 

以上をまとめて、分かりやすいように背景色を設定してみます。

SampleFragment.java
fragment_main.xml
を追加で作成

1x1.trans - [Android] FragmentをHello Worldから始めるみる

MainActivityは特に何も追加しません。
MainActivity.java

 
MainActivityで呼んでいるレイアウト
android:nameには パッケージ名 + Fragmentクラス名 を入れます

背景色とFragmentの範囲を300dp高くしてみます

activity_main.xml

 
Fragmentのクラス
SampleFragment.java

 
Fragmentが呼んでいるレイアウト
fragment_main.xml

 
リソース
strings.xml

 
これで実行させてみるとこのようになります。
全体のMainActivityの画面の中にある、Hello Fragmentの背景がグレーの矩形範囲がFragmentになります。

 
1x1.trans - [Android] FragmentをHello Worldから始めるみる


 
 
関連ページ:

 

References:
androidx.fragment.app | Android Developers
フラグメント | Android Developers

シェアする

  • このエントリーをはてなブックマークに追加

フォローする