Saturday, November 14, 2015

202 Android Studio Fragments


.
202 Android Studio Fragments
This tutorial demonstrates the manual set up of fragments.
This tutorial is designed for Android Studio Version 1.4
1) GETTING STARTED
1.1) Create a new project.
Name: MyFragments2
1.2) Form Factors.
Phone and Tablet. API 14.
1.3) Activity Template.
Blank Activity.
1.4) Customize Activity.
Accept Defaults
DO NOT SELECT “Use a Fragment”
1.5) Done.
2) ADD A FRAGMENT
2.1) Edit content_main.xml
res/layout/content_main.xml
<FrameLayout  xmlns:android="http://schemas.android.com/apk/res/android"
   xmlns:tools="http://schemas.android.com/tools"
   xmlns:app="http://schemas.android.com/apk/res-auto"
       android:id="@+id/FragmentContainer"
   android:layout_width="match_parent"
   android:layout_height="match_parent"
   app:layout_behavior="@string/appbar_scrolling_view_behavior"
   tools:layout="@layout/fragment_main"
   />
2.2) Add fragment_main.xml
res/layout/fragment_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:paddingLeft="@dimen/activity_horizontal_margin"
   android:paddingRight="@dimen/activity_horizontal_margin"
   android:paddingTop="@dimen/activity_vertical_margin"
   android:paddingBottom="@dimen/activity_vertical_margin"
   tools:context=".MainActivity"
   android:orientation="horizontal">
   <TextView android:text="Name:"
       android:layout_width="wrap_content"
       android:layout_height="wrap_content" />
   <EditText
       android:id="@+id/edit_message"
       android:layout_width="0dp"
       android:layout_weight="1"
       android:layout_height="wrap_content"
       android:hint="Type name here..." />
   <Button
       android:id="@+id/send_message"
       android:layout_width="wrap_content"
       android:layout_height="wrap_content"
       android:text="Send"
       />
</LinearLayout>
2.2) Edit fragment controller
MainActivityFragment.java
package com.notarazi.myfragments2;
import android.os.Bundle;
import android.support.v4.app.Fragment;
import android.view.LayoutInflater;
import android.view.Menu;
import android.view.MenuInflater;
import android.view.MenuItem;
import android.view.View;
import android.view.ViewGroup;
import android.widget.Button;
import android.widget.EditText;
import android.widget.Toast;
/**
* A placeholder fragment containing a simple view.
*/
public class MainActivityFragment extends Fragment {
   public MainActivityFragment() {
   }
   @Override
   public void onCreate(Bundle savedInstanceState) {
       super.onCreate(savedInstanceState);
       setHasOptionsMenu(true);
   }
   @Override
   public void onCreateOptionsMenu(Menu menu, MenuInflater inflater) {
       inflater.inflate(R.menu.menu_fragment, menu);
   }
   @Override
   public boolean onOptionsItemSelected(MenuItem item) {
       int id = item.getItemId();
       if(id == R.id.action_send){
           //Do whatever you want to do
           EditText editText = (EditText) getActivity().findViewById(R.id.edit_message);
           Toast.makeText(getActivity().getApplicationContext(), "You have entered,\n+ editText.getText().toString(), Toast.LENGTH_LONG).show();
           return true;
       }
       return super.onOptionsItemSelected(item);
   }
   @Override
   public View onCreateView(LayoutInflater inflater, ViewGroup container,
                            Bundle savedInstanceState) {
       return inflater.inflate(R.layout.fragment_main, container, false);
   }
   @Override
   public void onActivityCreated(Bundle savedInstanceState)
   {
       // TODO Auto-generated method stub
       super.onActivityCreated(savedInstanceState);
       Button sendButton = (Button) getActivity().findViewById(R.id.send_message);
       sendButton.setOnClickListener(new View.OnClickListener() {
           @Override
           public void onClick(View v) {
               sendMessage(v);
           }
       });
   }
   public void sendMessage(View view) {
       EditText editText = (EditText) getActivity().findViewById(R.id.edit_message);
       Toast.makeText(getActivity().getApplicationContext(), "You have entered, \n+ editText.getText().toString(), Toast.LENGTH_LONG).show();
   }
}
2.3) Add fragment menu
res/layout/menu_fragment.xml
<menu 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" tools:context=".MainActivity">
   <item
       android:id="@+id/action_send"
       android:title="fragment action"
       android:icon="@android:drawable/ic_menu_send"
       android:orderInCategory="10"
       app:showAsAction="always" />
</menu>
2.4) Edit Main Controller
MainActivity.java
package com.notarazi.myfragments2;
import android.os.Bundle;
import android.support.design.widget.FloatingActionButton;
import android.support.design.widget.Snackbar;
import android.support.v4.app.Fragment;
import android.support.v4.app.FragmentManager;
import android.support.v4.app.FragmentTransaction;
import android.support.v7.app.AppCompatActivity;
import android.support.v7.widget.Toolbar;
import android.view.Menu;
import android.view.MenuItem;
import android.view.View;
public class MainActivity extends AppCompatActivity {
   @Override
   protected void onCreate(Bundle savedInstanceState) {
       super.onCreate(savedInstanceState);
       setContentView(R.layout.activity_main);
       setFragment(new MainActivityFragment());
       Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar);
       setSupportActionBar(toolbar);
       FloatingActionButton fab = (FloatingActionButton) findViewById(R.id.fab);
       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();
           }
       });
   }
   // This could be moved into an abstract BaseActivity
   // class for being re-used by several instances
   protected void setFragment(Fragment fragment) {
       FragmentManager fragmentManager = getSupportFragmentManager();
       FragmentTransaction fragmentTransaction = fragmentManager.beginTransaction();
       fragmentTransaction.replace(R.id.FragmentContainer, fragment);
       fragmentTransaction.commit();
   }
   @Override
   public boolean onCreateOptionsMenu(Menu menu) {
       // Inflate the menu; this adds items to the action bar if it is present.
       getMenuInflater().inflate(R.menu.menu_main, menu);
       return true;
   }
   @Override
   public boolean onOptionsItemSelected(MenuItem item) {
       // Handle action bar item clicks here. The action bar will
       // automatically handle clicks on the Home/Up button, so long
       // as you specify a parent activity in AndroidManifest.xml.
       int id = item.getItemId();
       //noinspection SimplifiableIfStatement
       if (id == R.id.action_settings) {
           return true;
       }
     
   }
}
OUTCOME
DOWNLOAD

.

No comments:

Post a Comment