Is 389 android fragment lab ekedahl
Download 153.56 Kb.
|
- Navigate this page:
- HANDS-ON EXERCISE: Creating the Layouts
- HANDS-ON ACTIVITY: Creating the Fragment Layouts
- HANDS-ON ACTIVITY: Creating the Activity Code
- HANDS-ON ACTIVITY: Creating the Fragment Code
| IS 389 ANDROID FRAGMENT LAB
EKEDAHL ABSTRACTIn this lab, you will work with Android Fragments. The application that you create for this lab will not do much, if any processing. Rather, it shows you the event lifecycle of adding and replacing fragments and how fragments are displayed within their container. For this lab, I have posted the document electronically. I suggest that you load the Microsoft Word document. That way you can copy and paste my code into your lab. There is a significant amount of code in this program. For each code segment that you develop, there is a discussion of the code you have written. In some cases, you will modify the code on your own. HANDS-ON EXERCISE: Creating the LayoutsFor this application, you will need to create 5 layouts. Two of these layouts are used to render the activity while in portrait and landscape mode. The following list describes the activities.
There are three fragments. Each works the same way and will be rendered inside one of the parent activities.
android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical" > android:layout_height="wrap_content" android:orientation="horizontal" > <Button android:id="@+id/buttonOne" android:layout_width="0dp" android:layout_height="wrap_content" android:layout_weight="1" android:text="@string/replace_fragment" /> <Button android:id="@+id/buttonTwo" android:layout_width="0dp" android:layout_height="wrap_content" android:layout_weight="1" android:text="@string/add_fragment" /> android:layout_height="match_parent" android:orientation="vertical" > android:layout_width="match_parent" android:layout_height="0dp" android:layout_weight="1" android:background="#6495ED" /> android:layout_width="match_parent" android:layout_height="0dp" android:layout_weight="1" android:background="#40E0D0" /> Note the following about the preceding statements.
Modify the strings.xml file appearing in the values folder adding the following lines (shown in bold). "1.0" encoding="utf-8"?> <string name="add_fragment">Add Fragmentstring> <string name="replace_fragment">Replace Fragmentstring> Next you will create a second activity. This activity will be displayed while the device is oriented in landscape mode.
Create a file named activity_main.xml in this folder and copy the following code into the file. android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical" > android:layout_height="wrap_content" android:orientation="horizontal" > android:layout_height="match_parent" android:orientation="horizontal" > android:layout_width="0dp" android:layout_height="match_parent" android:layout_weight="1" android:background="#6495ED" /> android:layout_width="0dp" android:layout_height="match_parent" android:layout_weight="1" android:background="#40E0D0" /> HANDS-ON ACTIVITY: Creating the Fragment LayoutsNext you will create the layout for the three fragment. Create a fragment named fragment_one_layout.xml in the layout folder. Enter the following code. xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" android:paddingBottom="@dimen/activity_vertical_margin" android:paddingLeft="@dimen/activity_horizontal_margin" android:paddingRight="@dimen/activity_horizontal_margin" android:paddingTop="@dimen/activity_vertical_margin" tools:context="com.fragment.demo.LauncherActivity$PlaceholderFragment" android:background="@android:color/holo_red_light"> android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Fragment One" /> Create a fragment named fragment_two_layout.xml in the layout folder. Enter the following code. xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" android:paddingBottom="@dimen/activity_vertical_margin" android:paddingLeft="@dimen/activity_horizontal_margin" android:paddingRight="@dimen/activity_horizontal_margin" android:paddingTop="@dimen/activity_vertical_margin" tools:context="com.fragment.demo.LauncherActivity$PlaceholderFragment" android:background="@android:color/holo_green_light" > android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Fragment Two" /> Create a fragment named fragment_three_layout.xml in the layout folder. Enter the following code. xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" android:paddingBottom="@dimen/activity_vertical_margin" android:paddingLeft="@dimen/activity_horizontal_margin" android:paddingRight="@dimen/activity_horizontal_margin" android:paddingTop="@dimen/activity_vertical_margin" tools:context="com.fragment.demo.LauncherActivity$PlaceholderFragment" android:background="@android:color/holo_blue_light" > android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Fragment Three" /> HANDS-ON ACTIVITY: Creating the Activity CodeNext, you will begin creating the code for the main activity The
package com.example.fragmentdemo1; import android.app.Activity; import android.app.FragmentManager; import android.app.FragmentTransaction; import android.os.Bundle; import android.view.View; import android.view.View.OnClickListener; import android.widget.Button; import com.example.fragmentdemo1.R; import com.example.fragmentdemo1.FragmentOne; import com.example.fragmentdemo1.FragmentTwo; import com.example.fragmentdemo1.FragmentThree; public class MainActivity extends Activity { // Create references to the two buttons. private Button replaceFragmentButton, addFragmentButton; // We have three fragments that will be displayed in position 1 //or position 2 //
private static int FRAGMENT_ONE_POSITION = 0; private static int FRAGMENT_TWO_POSITION = 0; // Override the onCreate method as usual. @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); // Get a reference to the two buttons. replaceFragmentButton = (Button)findViewById(R.id.buttonOne); addFragmentButton = (Button)findViewById(R.id.buttonTwo); // Create the listener for the replace button by overriding the // onClick handler. replaceFragmentButton.setOnClickListener(new OnClickListener() { @Override public void onClick(View v) { // Create the fragment transaction. FragmentTransaction fragmentOneTransaction = getFragmentManager().beginTransaction(); // Replace the current fragment with the new fragment // incrementing // the fragment each time or resetting the fragment // position to 0. switch (FRAGMENT_ONE_POSITION) { case 0:
// Increment the fragment position. FRAGMENT_ONE_POSITION++; // Replace the fragment. fragmentOneTransaction.replace( R.id.fragment_one_holder, new
FragmentOne(MainActivity.this)); break;
case 1: FRAGMENT_ONE_POSITION++; fragmentOneTransaction.replace( R.id.fragment_one_holder, new FragmentTwo(MainActivity.this)); break; case 2:
// Reset the fragment position to zero. FRAGMENT_ONE_POSITION = 0; fragmentOneTransaction.replace( R.id.fragment_one_holder, new FragmentThree(MainActivity.this)); break; default:
break; } // Commit the fragment transaction. fragmentOneTransaction.commit(); } }); // Create the listener for the add button by overriding the // onClick handler. This code is nearly identical to the code for // the replace fragment button. addFragmentButton.setOnClickListener(new OnClickListener() { @Override public void onClick(View v) { FragmentTransaction fragmentTwoTransaction = getFragmentManager().beginTransaction(); switch (FRAGMENT_TWO_POSITION) { case 0:
FRAGMENT_TWO_POSITION++; fragmentTwoTransaction.add( R.id.fragment_two_holder, new
FragmentOne(MainActivity.this)); break;
case 1: FRAGMENT_TWO_POSITION++; fragmentTwoTransaction.add( R.id.fragment_two_holder, new FragmentTwo(MainActivity.this)); break; case 2:
FRAGMENT_TWO_POSITION = 0; fragmentTwoTransaction.add( R.id.fragment_two_holder, new
FragmentThree(MainActivity.this)); break;
default: break;
} /**
* Adding current fragment to back stack which can * be popped back when we need. * We can add name to this back stack * and we can access this fragment by name later. */ fragmentTwoTransaction.addToBackStack(null); fragmentTwoTransaction.commit(); } }); } /************************************** * Overriding onBackPressed button and pop backStack fragment. * **************************************/ @Override public void onBackPressed() { FragmentManager fm = getFragmentManager(); if (fm.getBackStackEntryCount() > 0) { fm.popBackStack(); } else {
super.onBackPressed(); } } } The following list identifies significant points about the preceding code.
HANDS-ON ACTIVITY: Creating the Fragment CodeIn this set of hands-on steps, you will create the code for the three fragments. The fragment code is nearly identical for each fragment. Enter the following code in the FragmentOne.java file. package com.example.fragmentdemo1; import android.app.Activity; 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.TextView; import android.widget.Toast; import com.example.fragmentdemo1.R; import com.example.fragmentdemo1.MainActivity; public class FragmentOne extends Fragment{ StringBuilder sb = new StringBuilder(); Context _context; public FragmentOne() { } public FragmentOne(MainActivity launcherActivity) { _context = launcherActivity; } @Override public void onAttach(Activity activity) { sb.append("\n:::::::1:::::::"); sb.append("\n onAttach\n");
} @Override public void onCreate(Bundle savedInstanceState) { sb.append("onCreate\n"); super.onCreate(savedInstanceState); } @Override public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) { sb.append("onCreateView\n"); View rootView = inflater.inflate(R.layout.fragment_one_layout, container, false); return rootView; } @Override public void onViewCreated(View view, Bundle savedInstanceState) { sb.append("onViewCreated\n"); TextView tv = (TextView)view.findViewById(R.id.textView); tv.setText(FragmentOne.class.getSimpleName()+sb); super.onViewCreated(view, savedInstanceState); } @Override public void onActivityCreated(Bundle savedInstanceState) { sb.append("onActivityCreated\n"); super.onActivityCreated(savedInstanceState); } @Override public void onStart() { sb.append("onStart\n"); super.onStart(); } @Override public void onResume() { sb.append("onResume\n"); super.onResume(); } @Override public void onPause() { sb.append("onPause\n"); super.onPause(); } @Override public void onStop() { sb.append("onStop\n"); super.onStop(); } @Override public void onDestroyView() { sb.append("onDestroyView\n"); super.onDestroyView(); } @Override public void onDestroy() { sb.append("onDestroy\n"); super.onDestroy(); } @Override public void onDetach() { if(null!= sb){ sb.append("onDetach\n"); if(_context != null){ Toast.makeText(_context, FragmentOne.class.getSimpleName()+" is Detach", Toast.LENGTH_LONG).show(); } }
} } The following list describes the above code: Enter the following code in the FragmentTwo.java file. package com.example.fragmentdemo1; import android.app.Activity; 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.TextView; import android.widget.Toast;
import com.example.fragmentdemo1.MainActivity; public class FragmentTwo extends Fragment{ StringBuilder sb = new StringBuilder(); Context _context; public FragmentTwo() { } public FragmentTwo(MainActivity launcherActivity) { _context = launcherActivity; } @Override public void onAttach(Activity activity) { sb.append("\n:::::::2:::::::"); sb.append("\n onAttach\n"); super.onAttach(activity); } @Override public void onCreate(Bundle savedInstanceState) { sb.append("onCreate\n"); super.onCreate(savedInstanceState); } @Override public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) { sb.append("onCreateView\n"); View rootView = inflater.inflate(R.layout.fragment_two_layout, container, false); return rootView; } @Override public void onViewCreated(View view, Bundle savedInstanceState) { sb.append("onViewCreated\n"); TextView tv = (TextView)view.findViewById(R.id.textView); tv.setText(FragmentTwo.class.getSimpleName()+sb); super.onViewCreated(view, savedInstanceState); } @Override public void onActivityCreated(Bundle savedInstanceState) { sb.append("onActivityCreated\n"); super.onActivityCreated(savedInstanceState); } @Override public void onStart() { sb.append("onStart\n"); super.onStart(); } @Override public void onResume() { sb.append("onResume\n"); super.onResume(); } @Override public void onPause() { sb.append("onPause\n"); super.onPause(); } @Override public void onStop() { sb.append("onStop\n"); super.onStop(); } @Override public void onDestroyView() { sb.append("onDestroyView\n"); super.onDestroyView(); } @Override public void onDestroy() { sb.append("onDestroy\n"); super.onDestroy(); } @Override public void onDetach() { if(null!= sb){ sb.append("onDetach\n"); if(_context != null){ Toast.makeText(_context, FragmentTwo.class.getSimpleName() + " is Detach", Toast.LENGTH_LONG).show(); } }
} } Enter the following code in the FragmentThree.java file. package com.example.fragmentdemo1; import android.app.Activity; 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.TextView; import android.widget.Toast;
import com.example.fragmentdemo1.MainActivity; public class FragmentThree extends Fragment{ StringBuilder sb = new StringBuilder(); Context _context; public FragmentThree(MainActivity launcherActivity) { _context = launcherActivity; } @Override public void onAttach(Activity activity) { sb.append("\n:::::::3:::::::"); sb.append("\n onAttach\n"); super.onAttach(activity); } @Override public void onCreate(Bundle savedInstanceState) { sb.append("onCreate\n"); super.onCreate(savedInstanceState); } @Override public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) { sb.append("onCreateView\n"); View rootView = inflater.inflate(R.layout.fragment_three_layout, container, false); return rootView; } @Override public void onViewCreated(View view, Bundle savedInstanceState) { sb.append("onViewCreated\n"); TextView tv = (TextView)view.findViewById(R.id.textView); tv.setText(FragmentThree.class.getSimpleName()+sb); super.onViewCreated(view, savedInstanceState); } @Override public void onActivityCreated(Bundle savedInstanceState) { sb.append("onActivityCreated\n"); super.onActivityCreated(savedInstanceState); } @Override public void onStart() { sb.append("onStart\n"); super.onStart(); } @Override public void onResume() { sb.append("onResume\n"); super.onResume(); } @Override public void onPause() { sb.append("onPause\n"); super.onPause(); } @Override public void onStop() { sb.append("onStop\n"); super.onStop(); } @Override public void onDestroyView() { sb.append("onDestroyView\n"); super.onDestroyView(); } @Override public void onDestroy() { sb.append("onDestroy\n"); super.onDestroy(); } @Override public void onDetach() { if(null!= sb){ sb.append("onDetach\n"); if(_context != null){ Toast.makeText(_context, FragmentThree.class.getSimpleName() +" is Detach", Toast.LENGTH_LONG).show(); } } super.onDetach(); }
Directory: faculty -> ekedahl -> IS389 faculty -> Curriculum vitae wei chen professor faculty -> Digital image warping faculty -> Samples of Elements Exam Question III contains All Prior Exam Qs III except faculty -> 【Education&Working Experience】 faculty -> References Abe, M., A. Kitoh and T. Yasunari, 2003: An evolution of the Asian summer monsoon associated with mountain uplift —Simulation with the mri atmosphere-ocean coupled gcm. J. Meteor. Soc. Japan, 81 faculty -> Ralph R. Ferraro Chief, Satellite Climate Studies Branch, noaa/nesdis faculty -> Unit IV text: Types of Oil, Types of Prices Grammar: that/those of, with revision IS389 -> Installing java, eclipse, and android sdks to setup an android development environment IS389 -> Lab creating a First Android Project IS389 -> Please download a current copy. I have modified it since the initial upload Download 153.56 Kb. Share with your friends:
|
