Scribd Logo
Upload

Welcome to Scribd!

  • 55 views

    Lab 2c

    Uploaded by

    Aisya Zuhudi
    This document describes an Android application that demonstrates the use of fragments. The MainActivity contains buttons to load two fragments, FirstFragment and SecondFragment. Each fragment contains a button that displays a Toast message when clicked. The fragments are added to and replaced in a frame layout container using fragment transactions.

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd

    Lab 2c

    Uploaded by

    Aisya Zuhudi
    55 views9 pages
    This document describes an Android application that demonstrates the use of fragments. The MainActivity contains buttons to load two fragments, FirstFragment and SecondFragment. Each fragment contains a button that displays a Toast message when clicked. The fragments are added to and replaced in a frame layout container using fragment transactions.

    Copyright

    © © All Rights Reserved

    Available Formats

    DOCX, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    This document describes an Android application that demonstrates the use of fragments. The MainActivity contains buttons to load two fragments, FirstFragment and SecondFragment. Each fragment contains a button that displays a Toast message when clicked. The fragments are added to and replaced in a frame layout container using fragment transactions.

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Download as docx, pdf, or txt
    55 views9 pages

    Lab 2c

    Uploaded by

    Aisya Zuhudi
    This document describes an Android application that demonstrates the use of fragments. The MainActivity contains buttons to load two fragments, FirstFragment and SecondFragment. Each fragment contains a button that displays a Toast message when clicked. The fragments are added to and replaced in a frame layout container using fragment transactions.

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Download as docx, pdf, or txt
    of 9

    SKR4307- Mobile Application

    Lab 2c - Android Fragment

    By: Nurul Aisyah Binti Ahmad Zuhudi

    Matric Number: 193904


    MainActivity.java
    package com.example.androidfragment;
    import androidx.appcompat.app.AppCompatActivity;
    import android.app.Fragment;
    import android.app.FragmentManager;
    import android.app.FragmentTransaction;
    import android.os.Bundle;
    import android.view.View;
    import android.widget.Button;
    public class MainActivity extends AppCompatActivity {

    Button firstFragment, secondFragment;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);
    // get the reference of Button's
    firstFragment = (Button) findViewById(R.id.firstFragment);
    secondFragment = (Button) findViewById(R.id.secondFragment);

    // perform setOnClickListener event on First Button


    firstFragment.setOnClickListener(new View.OnClickListener() {
    @Override
    public void onClick(View v) {
    // load First Fragment
    loadFragment(new FirstFragment());
    }
    });
    // perform setOnClickListener event on Second Button
    secondFragment.setOnClickListener(new View.OnClickListener() {
    @Override
    public void onClick(View v) {
    // load Second Fragment
    loadFragment(new SecondFragment());
    }
    });

    private void loadFragment(Fragment fragment) {


    // create a FragmentManager
    FragmentManager fm = getFragmentManager();
    // create a FragmentTransaction to begin the transaction and replace the Fragment
    FragmentTransaction fragmentTransaction = fm.beginTransaction();
    // replace the FrameLayout with new Fragment
    fragmentTransaction.replace(R.id.frameLayout, fragment);
    fragmentTransaction.commit(); // save the changes
    }
    }
    FirstFragment.java
    package com.example.androidfragment;

    import android.app.Fragment;
    import android.os.Bundle;
    import android.view.LayoutInflater;
    import android.view.View;
    import android.view.ViewGroup;
    import android.widget.Button;
    import android.widget.Toast;

    public class FirstFragment extends Fragment{


    View view;
    Button firstButton;

    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container,
    Bundle savedInstanceState) {
    // Inflate the layout for this fragment
    view = inflater.inflate(R.layout.fragment_first, container, false);
    // get the reference of Button
    firstButton = (Button) view.findViewById(R.id.firstButton);
    // perform setOnClickListener on first Button
    firstButton.setOnClickListener(new View.OnClickListener() {
    @Override
    public void onClick(View v) {
    // display a message by using a Toast
    Toast.makeText(getActivity(), "First Fragment",
    Toast.LENGTH_LONG).show();
    }
    });
    return view;
    }
    }
    SecondFragment.java
    package com.example.androidfragment;

    import android.app.Fragment;
    import android.os.Bundle;
    import android.view.LayoutInflater;
    import android.view.View;
    import android.view.ViewGroup;
    import android.widget.Button;
    import android.widget.Toast;

    public class SecondFragment extends Fragment{


    View view;
    Button secondButton;

    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container,
    Bundle savedInstanceState) {
    // Inflate the layout for this fragment
    view = inflater.inflate(R.layout.fragment_second, container, false);
    // get the reference of Button
    secondButton = (Button) view.findViewById(R.id.secondButton);
    // perform setOnClickListener on second Button
    secondButton.setOnClickListener(new View.OnClickListener() {
    @Override
    public void onClick(View v) {
    // display a message by using a Toast
    Toast.makeText(getActivity(), "Second Fragment",
    Toast.LENGTH_LONG).show();
    }
    });
    return view;
    }
    }
    activity_main.xml
    <?xml version="1.0" encoding="utf-8"?>
    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:paddingBottom="@dimen/vertical_margin"
    android:paddingLeft="@dimen/horizontal_margin"
    android:paddingRight="@dimen/horizontal_margin"
    android:paddingTop="@dimen/vertical_margin"
    tools:context=".MainActivity">
    <!-- display two Button's and a FrameLayout to replace the Fragment's -->
    <Button
    android:id="@+id/firstFragment"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="@color/button_background_color"
    android:text="First Fragment"
    android:textColor="@color/white"
    android:textSize="20sp" />

    <Button
    android:id="@+id/secondFragment"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_marginTop="10dp"
    android:background="@color/button_background_color"
    android:text="Second Fragment"
    android:textColor="@color/white"
    android:textSize="20sp" />

    <FrameLayout
    android:id="@+id/frameLayout"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_marginTop="10dp" />
    </LinearLayout>
    fragment_first.xml
    <?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">
    tools:context="com.abhiandroid.fragmentexample.FirstFragment">

    <!--TextView and Button displayed in First Fragment -->


    <TextView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_centerHorizontal="true"
    android:layout_marginTop="100dp"
    android:text="@string/this_is_first_fragment"
    android:textColor="@color/black"
    android:textSize="25sp" />

    <Button
    android:id="@+id/firstButton"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:layout_centerInParent="true"
    android:layout_marginLeft="20dp"
    android:layout_marginRight="20dp"
    android:background="@color/green"
    android:text="@string/first_fragment"
    android:textColor="@color/white"
    android:textSize="20sp"
    android:textStyle="bold" />
    </RelativeLayout>
    fragment_second.xml
    <?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">
    tools:context="com.abhiandroid.fragmentexample.SecondFragment">

    <!--TextView and Button displayed in Second Fragment -->


    <TextView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_centerHorizontal="true"
    android:layout_marginTop="100dp"
    android:text="@string/this_is_second_fragment"
    android:textColor="@color/black"
    android:textSize="25sp" />

    <Button
    android:id="@+id/secondButton"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:layout_centerInParent="true"
    android:layout_marginLeft="20dp"
    android:layout_marginRight="20dp"
    android:background="@color/green"
    android:text="@string/second_fragment"
    android:textColor="@color/white"
    android:textSize="20sp"
    android:textStyle="bold" />

    </RelativeLayout>

    dimens.xml
    <?xml version="1.0" encoding="utf-8"?>
    <resources>
    <dimen name="horizontal_margin">16dp</dimen>
    <dimen name="vertical_margin">16dp</dimen>
    </resources>

    colors.xml
    <?xml version="1.0" encoding="utf-8"?>
    <resources>
    <color name="black">#000</color>
    <color name="green">#0f0</color>
    <color name="white">#fff</color>
    <color name="button_background_color">#925</color>
    </resources>
    strings.xml
    <resources>
    <string name="app_name">androidFragment</string>
    <string name="button">Button</string>
    <string name="this_is_first_fragment">This is First Fragment</string>
    <string name="this_is_second_fragment">This is Second Fragment</string>
    <string name="first_Fragment">FIRST FRAGMENT</string>
    <string name="second_Fragment">SECOND FRAGMENT</string>
    <string name="first_fragment">First Fragment</string>
    <string name="second_fragment">Second Fragment</string>
    </resources>

    styles.xml
    <resources>

    <!-- Base application theme. -->


    <style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
    <!-- Customize your theme here. -->
    <item name="colorPrimary">@color/black</item>
    <item name="colorPrimaryDark">@color/black</item>
    <item name="colorAccent">@color/green</item>
    </style>

    </resources>
    styles.xml

    You might also like