A Fragment speaks to a conduct or a bit of
UI in an Activity. You can consolidate numerous parts in a solitary action to
assemble a multi-sheet UI and reuse a section in different exercises. You can
think about a piece as a secluded area of an action, which has its own
particular lifecycle, gets its own info occasions, and which you can include or
evacuate while the movement is running.
Here in this showing, we make two sections
in a solitary window.One part shows ListView of names of individuals whose points
of interest can be seen by selecting or tapping on them. For showing these
points of interest, the Second piece is utilized.
So lets begin…
Requirements:- Android Studio
Step1:-
Create an android studio venture with an unfilled action.
Step2:-
Here is a substance of how we are going to continue with this venture
In the first place we are going to make
fragment_list.xml->This document just
contains a ListView in LinearLayout which shows rundown of alternatives or
rundown of names in our case.This record would be in res->layout organizer.
With this we make its controller document
called UsersListFragment.java, so make another java record with this name
Second we are going to make
fragment_details.xml->This document
contains basic TextView inserted again in a LnearLayout which is utilized for
showing the subtle elements of chose thing.
With this we make its controller document
called DetailFragment.java,so make another java record with this name.
Finally,we are going to make
complete_layout.xml->This record
contains both the fragments.So now rather than activity_main.xml,
MainActivity.java document calls upon complete_layout.xml,So erase or rename
activity_main.xml.
With this we are going to code into
MainActivity.java which is its controller record.
Step3:-
In fragment_list.xml,a ListView is announced .
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical" >
<ListView
android:layout_width="match_parent"
android:layout_height="match_parent"
android:id="@+id/userslist"
>
</ListView>
</LinearLayout>
Step4:- make
another java in the java->package_name called UsersListFragment.java which
is the controller document of fragment_list.xml.
import android.app.Fragment;
import android.content.Context;
import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.AdapterView;
import android.widget.ArrayAdapter;
import android.widget.ListView;
import java.util.ArrayList;
public class UsersListFragment extends Fragment {
private OnUserSelectedListener listener;
ListView usersList;
@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container,
Bundle savedInstanceState) {
View view = inflater.inflate(R.layout.fragment_list,
container, false);
usersList = (ListView)view.findViewById(R.id.userslist);
ArrayList<String> users = new ArrayList<String>();
users.add("Vishal Detake");
users.add("Ashish Shriwastav");
users.add("Sambhji Jatar");
users.add("Tushar Handore");
users.add("Ritesh Singh");
ArrayAdapter<String> usersAdapter = new ArrayAdapter<String>(getActivity(),android.R.layout.simple_list_item_1,users);
usersList.setAdapter(usersAdapter);
usersList.setOnItemClickListener(new AdapterView.OnItemClickListener() {
@Override
public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
getDetail(usersList.getItemAtPosition(position).toString());
}
});
return view;
}
public interface OnUserSelectedListener {
public void onUserSelected(String link);
}
@Override
public void onAttach(Context context) {
super.onAttach(context);
if (context instanceof OnUserSelectedListener) {
listener = (OnUserSelectedListener) context;
} else {
throw new ClassCastException(context.toString()
+ "Activity Does not Implements Listener");
}
}
@Override
public void onDetach() {
super.onDetach();
listener = null;
}
public void getDetail(String name) {
listener.onUserSelected(name);
}
}
Step5:- In
fragment_details.xml,a TextView is utilized to announce the subtle elements.
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical" >
<TextView
android:id="@+id/detailsText"
android:layout_width="wrap_content"
android:layout_height="match_parent"
android:layout_gravity="center_horizontal|center_vertical"
android:layout_marginTop="20dip"
android:text="Nothing Selected"
android:textAppearance="?android:attr/textAppearanceLarge"
android:textSize="30dip" />
</LinearLayout>
Step6:- So
now moving to its java record, make another java in the java->package_name
called DetailFragment.java which is the controller document of
fragment_details.xml.
import android.app.Fragment;
import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.TextView;
public class DetailFragment extends Fragment {
@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container,
Bundle savedInstanceState) {
View view = inflater.inflate(R.layout.fragment_details,
container, false);
return view;
}
public void setText(String name) {
TextView view = (TextView) getView().findViewById(R.id.detailsText);
view.setText(name);
}
}
Step7:- In
complete_layout.xml, 2 sections are pronounced implanted in LinearLayout.
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:baselineAligned="false"
android:orientation="vertical" >
<fragment
android:id="@+id/listFragment"
android:layout_width="match_parent"
android:layout_height="wrap_content"
class="com.example.admin.fragmentexample.UsersListFragment" >
</fragment>
<fragment
android:id="@+id/detailFragment"
android:layout_width="match_parent"
android:layout_height="wrap_content"
class="com.example.admin.fragmentexample.DetailFragment" >
</fragment>
</LinearLayout>
Step8:- So
now we at last code into MainActivity.java.
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
public class MainActivity extends AppCompatActivity implements UsersListFragment.OnUserSelectedListener {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.complete_layout);
}
@Override
public void onUserSelected(String name) {
DetailFragment fragment = (DetailFragment) getFragmentManager()
.findFragmentById(R.id.detailFragment);
fragment.setText(name);
}
}
