単純な分割の使用


「AndroidロボットはGoogleが作成したもので、私たちが共有している作品をコピーまたは修正するために使用され、Creative Commons 3.0の著者マークライセンスの条項と条件に従って使用されます.」

分割とは?


アクティビティでUIを構成できるモジュールです.
1つのアクティビティに複数の分割を含めることができます.
1つの分割は、複数のアクティビティによって再利用することができる.
Fragmnetは自分のライフサイクルとイベントを受信することができます.
これはActivityのようにUIコントローラとして機能することができる.
分割の詳細な特徴については次の機会に整理してから位置決めします

一つ作ってみよう


まず分割をしましょう
Activityで2つのセグメントを作成する予定です
<!-- 첫번째 Fragment -->
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent" android:layout_height="match_parent"
    android:background="@color/black"
    android:gravity="center">

    <TextView
        android:id = "@+id/tv_frag1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:gravity="center_vertical"
        android:text = "Fragment1"
        android:textColor="@color/white"
        android:textSize="50dp" />

</RelativeLayout>

<!-- 두번째 Fragment -->
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent" android:layout_height="match_parent"
    android:background="@color/white"
    android:gravity="center">

    <TextView
        android:id = "@+id/tv_frag2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:gravity="center_vertical"
        android:text = "Fragment2"
        android:textColor="@color/black"
        android:textSize="50dp" />

</RelativeLayout>
レイアウトは上の通りです
class SampleFragment1 : Fragment() {
    private var _binding : FragmentSample1Binding? = null
    private val binding
        get() = _binding!!
    override fun onCreateView(
        inflater: LayoutInflater,
        container: ViewGroup?,
        savedInstanceState: Bundle?
    ): View? {
        _binding = FragmentSample1Binding.inflate(inflater, container, false)
        return binding.root
    }

    override fun onViewCreated(view: View, savedInstanceState: Bundle?) {
        super.onViewCreated(view, savedInstanceState)
    }

    override fun onDestroyView() {
        super.onDestroyView()
        _binding = null
    }
}


class SampleFragment2 : Fragment() {
    private var _binding : FragmentSample2Binding? = null
    private val binding
        get() = _binding!!
    override fun onCreateView(
        inflater: LayoutInflater,
        container: ViewGroup?,
        savedInstanceState: Bundle?
    ): View? {
        _binding = FragmentSample2Binding.inflate(inflater, container, false)
        return binding.root
    }

    override fun onViewCreated(view: View, savedInstanceState: Bundle?) {
        super.onViewCreated(view, savedInstanceState)
    }

    override fun onDestroyView() {
        super.onDestroyView()
        _binding = null
    }
}
Activityに似た構造が見られます.
Fragmentを作成すると、Fragmentが継承されます.
ライフサイクルごとに記入すればいいです.
次に、Fragmentが担持するアクティビティを設定します.
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".FragmentSampleActivity">

    <FrameLayout
        android:id = "@+id/fl_fragment"
        android:layout_width="match_parent"
        android:layout_height="match_parent" >

    </FrameLayout>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        android:gravity="center_vertical"
        android:layout_margin="10dp"
        android:layout_alignParentBottom="true">
        <Button
            android:id = "@+id/btn_frag1"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:text = "Fragment 1" />
        <Button
            android:id = "@+id/btn_frag2"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:layout_marginStart="10dp"
            android:text = "Fragment 2" />
    </LinearLayout>

</RelativeLayout>
xmlコードは上記の通りです.
各ボタンは分割を切り替えるように作成されます.
FrameLayoutにはFragmentが搭載される予定です.
Activityコードは以下の通りです.
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        binding = ActivityFragmentSampleBinding.inflate(layoutInflater)
        setContentView(binding.root)

        binding.btnFrag1.setOnClickListener {
            supportFragmentManager.beginTransaction().replace(R.id.fl_fragment, SampleFragment1()).commitAllowingStateLoss()
        }

        binding.btnFrag2.setOnClickListener {
            supportFragmentManager.beginTransaction().replace(R.id.fl_fragment, SampleFragment2()).commitAllowingStateLoss()
        }
    }
supportFragmentManagerは、アクティビティ内の分割を管理します.beginTransaction()には、分割に関するいくつかのトランザクションがあります.add()replace()等を実行することができる.
ただいま運転を開始いたします


ボタンをクリックすると、対応する分割が正常に切り替わります.

の最後の部分


Fragmentは本当によく使われています.
みっともない
UIは、アクティブな範囲内でより効率的に実装されます.
多くのメリットをもたらします.
だから多くの特徴があります.
これは後で整理して公表します
個人学習をベースに書いているからです.
情報が正しくない可能性があります.
知っていたら後で修正します
いつでもフィードバックを歓迎します.
読んでくれてありがとう.