In Android applications, there are various ways to pass data between activities. However, working with fragments requires a slightly different approach. In this blog post, we will explain the steps for passing data between fragments. We will implement an application with a TabLayout and ViewPager that allows data to be sent from one fragment to another.
Project Structure
Our project consists of two fragments (FragmentA and FragmentB), which are connected by a MainActivity with a ViewPager and a TabLayout. FragmentA sends a message to FragmentB, which is then displayed there. The data transfer is done via a custom interface.
Step-by-Step Guide
1. Define the Interface for Data Transfer
Create an interface MyInterface in FragmentA that defines a method for passing a string:
public class FragmentA extends Fragment {
MyInterface myInterface;
interface MyInterface {
void send(String data);
}
@Override
public void onAttach(Context context) {
super.onAttach(context);
try {
myInterface = (MyInterface) context;
} catch (ClassCastException e) {
throw new ClassCastException("Activity must implement MyInterface");
}
}
// Button listener to send data
@Override
public void onViewCreated(View view, @Nullable Bundle savedInstanceState) {
super.onViewCreated(view, savedInstanceState);
Button button = view.findViewById(R.id.button);
final EditText editText = view.findViewById(R.id.editText);
button.setOnClickListener(v -> {
String data = editText.getText().toString();
myInterface.send(data);
});
}
}This interface must be implemented in the activity that hosts the two fragments.
2. Implement the Interface in MainActivity
In MainActivity, implement the MyInterface interface and pass the data to FragmentB:
public class MainActivity extends AppCompatActivity implements FragmentA.MyInterface {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
ViewPager viewPager = findViewById(R.id.viewPager);
TabLayout tabLayout = findViewById(R.id.tabs);
ViewPagerAdapter adapter = new ViewPagerAdapter(getSupportFragmentManager());
viewPager.setAdapter(adapter);
tabLayout.setupWithViewPager(viewPager);
}
@Override
public void send(String data) {
FragmentB fragmentB = (FragmentB) getSupportFragmentManager().findFragmentByTag("android:switcher:" + R.id.viewPager + ":1");
if (fragmentB != null) {
fragmentB.receiveData(data);
}
}
}The send(String data) method in MainActivity is called when FragmentA sends data. The method looks for FragmentB and passes the received data to its receiveData method.
3. Receive Data in FragmentB
In FragmentB, create a method receiveData that processes the passed data and displays it in a TextView:
public class FragmentB extends Fragment {
private TextView textView;
@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
View view = inflater.inflate(R.layout.fragment_b, container, false);
textView = view.findViewById(R.id.textView);
return view;
}
public void receiveData(String data) {
textView.setText("Received Data: " + data);
}
}This completes the implementation of the data transfer.
Matching infrastructure at centron
Node applications need somewhere to run: ccloud³ VMs with full root access from €3.12 per month – or as a managed server if you would rather not run it yourself. Rent a cloud server →
XML Layout for MainActivity
The XML layout for MainActivity defines the basic structure of the application. It includes a TabLayout and a ViewPager:
<android.support.design.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent">
<android.support.design.widget.AppBarLayout
android:layout_width="match_parent"
android:layout_height="wrap_content">
<android.support.design.widget.TabLayout
android:id="@+id/tabs"
android:layout_width="match_parent"
android:layout_height="wrap_content" />
</android.support.design.widget.AppBarLayout>
<android.support.v4.view.ViewPager
android:id="@+id/viewPager"
android:layout_width="match_parent"
android:layout_height="match_parent" />
</android.support.design.widget.CoordinatorLayout>This layout provides the basic structure of the app where the fragments are loaded and displayed.
ViewPagerAdapter for Initializing Fragments
The ViewPagerAdapter is responsible for initializing the fragments in the different tabs:
public class ViewPagerAdapter extends FragmentPagerAdapter {
public ViewPagerAdapter(FragmentManager fm) {
super(fm);
}
@Override
public Fragment getItem(int position) {
switch (position) {
case 0:
return new FragmentA();
case 1:
return new FragmentB();
default:
return null;
}
}
@Override
public int getCount() {
return 2;
}
@Override
public CharSequence getPageTitle(int position) {
switch (position) {
case 0:
return "Tab 1";
case 1:
return "Tab 2";
default:
return null;
}
}
}Conclusion
In this blog post, we learned how to transfer data between Android fragments using a custom interface and a ViewPager. This technique is especially useful when it comes to allowing fragments to communicate efficiently within an application. With the right structure and implementation, you can develop a flexible and modular app.
Testen Sie Ihr Setup auf ccloud³
Registrieren Sie sich in der ccloud³ und erhalten Sie 200 € Startguthaben für Ihr Projekt – z. B. für eine PostgreSQL-VM mit automatischen Backups.