How can I put a fragment inside of a tab?

Question

In my Android Studio project I have a fragment that I created to display the profile page of a dating app. I also have a signUpActivity that is used in place of the mainActivity that leads to another activity called secondActivity. My fragment is called profileFragment. What I am trying to do is put the profileFragment into the first tab of my secondActivity. Right now when I run the project and create a valid dating profile I get the fragment in the background with the second activity with its tabs in the foreground. What is the easiest way to add my fragment to a tab with what I have right now? I attatched the code for the xml code and java code for the secondActivity and the profileFragment. I will also attatch a link to my github if it helps to answer my question:

https://github.com/alasali1/Form

Below is the code for my secondActivity:

package com.example.form;

import android.os.Bundle;

import com.google.android.material.floatingactionbutton.FloatingActionButton;
import com.google.android.material.snackbar.Snackbar;
import com.google.android.material.tabs.TabLayout;

import androidx.fragment.app.FragmentManager;
import androidx.fragment.app.FragmentTransaction;
import androidx.viewpager.widget.ViewPager;
import androidx.appcompat.app.AppCompatActivity;

import android.util.Log;
import android.view.Menu;
import android.view.MenuItem;
import android.view.View;

import com.example.form.ui.main.SectionsPagerAdapter;

import java.text.ParseException;
import java.text.SimpleDateFormat;
import java.util.Calendar;

public class SecondActivity extends AppCompatActivity {

private static final String TAG = SecondActivity.class.getSimpleName();
@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_second);
    SectionsPagerAdapter sectionsPagerAdapter = new SectionsPagerAdapter(this, getSupportFragmentManager());
    ViewPager viewPager = findViewById(R.id.view_pager);
    viewPager.setAdapter(sectionsPagerAdapter);
    TabLayout tabs = findViewById(R.id.tabs);
    tabs.setupWithViewPager(viewPager);
    FloatingActionButton fab = findViewById(R.id.fab);

    //fragment
    ProfileFragment profileFragment = new ProfileFragment();
    FragmentManager manager = getSupportFragmentManager();
    FragmentTransaction transaction = manager.beginTransaction();
    transaction.add(R.id.fragment_profile, profileFragment, "profileFragment");
    transaction.commit();
    Log.i(TAG, "onCreate()");

    //Get the bundle
    Bundle bundle = getIntent().getExtras();
    String stringDate = bundle.getString("date");
    String stringName = bundle.getString("name");
    String stringJob = bundle.getString("job");
    String stringDescription = bundle.getString("description");
    //set arguments
    profileFragment.setArguments(bundle);

    fab.setOnClickListener(new View.OnClickListener() {
        @Override
        public void onClick(View view) {
            Snackbar.make(view, "Replace with your own action", Snackbar.LENGTH_LONG)
                    .setAction("Action", null).show();
        }
    });
}
//turn date string into date object
public static Calendar convertDate(String stringDate) throws ParseException {
    SimpleDateFormat sdf = new SimpleDateFormat("dd-MM-yyyy");

    Calendar date = Calendar.getInstance();
    date.setTime(sdf.parse(stringDate));
    return date;
}

public static boolean checkAge(Calendar date){
    Calendar today = Calendar.getInstance();
    int checkYear = today.get(Calendar.YEAR) -18;
    int yob = date.get(Calendar.YEAR);
    int mob = date.get(Calendar.MONTH);
    int dob = date.get(Calendar.DAY_OF_MONTH);
    if(date.after(today)){
        return false;
    }
    if(yob > checkYear){
        return false;
    } else if(mob > today.get(Calendar.MONTH)){
        return false;
    } else if(dob > today.get(Calendar.DAY_OF_MONTH)){
        return false;
    } else{
        return true;
    }

}


@Override
protected void onRestart() {
    super.onRestart();
    Log.i(TAG, "onRestart()");
}

@Override
protected void onStart() {
    super.onStart();
    Log.i(TAG, "onStart()");
}

@Override
protected void onResume() {
    super.onResume();
    Log.i(TAG, "onResume()");
}

@Override
protected void onPause() {
    super.onPause();
    Log.i(TAG, "onPause()");
}

@Override
protected void onStop() {
    super.onStop();
    Log.i(TAG, "onStop()");
}

@Override
protected void onDestroy() {
    super.onDestroy();
    Log.i(TAG, "onDestroy()");
}
}

While the java code for my fragment is :

package com.example.form;

import android.os.Bundle;

import androidx.fragment.app.Fragment;

import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ImageView;
import android.widget.TextView;

import java.text.ParseException;
import java.util.Calendar;


public class ProfileFragment extends Fragment {
TextView textView, jobView, ageView, descriptionView;
ImageView imageView;

public ProfileFragment() {
    // Required empty public constructor
}



@Override
public void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
}

@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container,
                         Bundle savedInstanceState) {
    View v = inflater.inflate(R.layout.fragment_profile, container, false);

    String stringDate = getArguments().getString("date");
    String stringName = getArguments().getString("name");
    String stringJob = getArguments().getString("job");
    String stringDescription = getArguments().getString("description");

    //make imageView
    imageView = v.findViewById(R.id.imageView);
    //make textview
    textView = v.findViewById(R.id.textView);
    //make job textview
    jobView = v.findViewById(R.id.job);
    //add input to jobView
    if(stringJob.equals("")){
        jobView.append("N/A");
    } else{
        jobView.setText(stringJob);
    }
    //make descriptionView
    descriptionView = v.findViewById(R.id.description);
    //add input to descriptionView
    descriptionView.append(" " +stringDescription);
    //make ageView
    ageView= v.findViewById(R.id.age);
    //make age variable
    int age = 0;
    //Get age
    try {
        Calendar birth = ConfirmActivity.convertDate(stringDate);
        Calendar today = Calendar.getInstance();
        if(today.get(Calendar.DAY_OF_YEAR) < birth.get(Calendar.DAY_OF_YEAR)){
            age= today.get(Calendar.YEAR) - birth.get(Calendar.YEAR) - 1;
        }
        else{
            age= today.get(Calendar.YEAR) - birth.get(Calendar.YEAR);
        }
    } catch (ParseException e) {
        e.printStackTrace();
    }
    //set age
    ageView.append(String.valueOf(age));
    //convert date
    try {
        Calendar date = ConfirmActivity.convertDate(stringDate);
        //compare date
        if(ConfirmActivity.checkAge(date)){
            textView.setText(" "+ stringName +" Thank you for signing up");
        }
        else{
            imageView.equals(null);
            textView.append(" Please try again when you're older");
            jobView.equals("");
            ageView.equals("");
        }
    } catch (ParseException e) {
        e.printStackTrace();
    }
    return v;


}
}

The XML for my second activity is :

While the xml for the fragment is :

Here is a screenshot indicating my problem. The fragment that Iwant to put into the tab is static in the background whereas the hello world string in the foreground is inside of the tabs so they change when I click on a new tab. I want to put my fragment inside of the first tab instead of it being in the background if that makes sense:

Code-Apprentice · Accepted Answer

The problem is here:

    ProfileFragment profileFragment = new ProfileFragment();
    FragmentManager manager = getSupportFragmentManager();
    FragmentTransaction transaction = manager.beginTransaction();
    transaction.add(R.id.fragment_profile, profileFragment, "profileFragment");
    transaction.commit();

This code creates an instance of ProfileFragment and adds it directly to the activity. Instead, you should create fragments that belong in a tab in the SectionsPagerAdapter and use it to manage which fragment is shown according to which tab is selected.

How can I put a fragment inside of a tab?

Answers (2)

Related Questions