1page.title=Fragments 2parent.title=Activities 3parent.link=activities.html 4@jd:body 5 6<div id="qv-wrapper"> 7<div id="qv"> 8 <h2>In this document</h2> 9 <ol> 10 <li><a href="#Design">Design Philosophy</a></li> 11 <li><a href="#Creating">Creating a Fragment</a> 12 <ol> 13 <li><a href="#UI">Adding a user interface</a></li> 14 <li><a href="#Adding">Adding a fragment to an activity</a></li> 15 </ol> 16 </li> 17 <li><a href="#Managing">Managing Fragments</a></li> 18 <li><a href="#Transactions">Performing Fragment Transactions</a></li> 19 <li><a href="#CommunicatingWithActivity">Communicating with the Activity</a> 20 <ol> 21 <li><a href="#EventCallbacks">Creating event callbacks to the activity</a></li> 22 <li><a href="#ActionBar">Adding items to the App Bar</a></li> 23 </ol> 24 </li> 25 <li><a href="#Lifecycle">Handling the Fragment Lifecycle</a> 26 <ol> 27 <li><a href="#CoordinatingWithActivity">Coordinating with the activity lifecycle</a></li> 28 </ol> 29 </li> 30 <li><a href="#Example">Example</a></li> 31 </ol> 32 33 <h2>Key classes</h2> 34 <ol> 35 <li>{@link android.app.Fragment}</li> 36 <li>{@link android.app.FragmentManager}</li> 37 <li>{@link android.app.FragmentTransaction}</li> 38 </ol> 39 40 <h2>See also</h2> 41 <ol> 42 <li><a href="{@docRoot}training/basics/fragments/index.html">Building a Dynamic UI with Fragments</a></li> 43 <li><a href="{@docRoot}guide/practices/tablets-and-handsets.html">Supporting Tablets 44and Handsets</a></li> 45 </ol> 46</div> 47</div> 48 49<p>A {@link android.app.Fragment} represents a behavior or a portion of user interface in an 50{@link android.app.Activity}. You can combine multiple fragments in a single activity to build a 51multi-pane UI and reuse a fragment in multiple activities. You can think of a fragment as a 52modular section of an activity, which has its own lifecycle, receives its own input events, and 53which you can add or remove while the activity is running (sort of like a "sub activity" that 54you can reuse in different activities).</p> 55 56<p>A fragment must always be embedded in an activity and the fragment's lifecycle is directly 57affected by the host activity's lifecycle. For example, when the activity is paused, so are all 58fragments in it, and when the activity is destroyed, so are all fragments. However, while an 59activity is running (it is in the <em>resumed</em> <a 60href="{@docRoot}guide/components/activities.html#Lifecycle">lifecycle state</a>), you can 61manipulate each fragment independently, such as add or remove them. When you perform such a 62fragment transaction, you can also add it to a back stack that's managed by the 63activity—each back stack entry in the activity is a record of the fragment transaction that 64occurred. The back stack allows the user to reverse a fragment transaction (navigate backwards), 65by pressing the <em>Back</em> button.</p> 66 67<p>When you add a fragment as a part of your activity layout, it lives in a {@link 68android.view.ViewGroup} inside the activity's view hierarchy and the fragment defines its own view 69layout. 70You can insert a fragment into your activity layout by declaring the fragment in the activity's 71layout file, as a {@code <fragment>} element, or from your application code by adding it to an 72existing {@link android.view.ViewGroup}. However, a fragment is not required to be a part of the 73activity layout; you may also use a fragment without its own UI as an invisible worker for the 74activity.</p> 75 76<p>This document describes how to build your application to use fragments, including 77how fragments can maintain their state when added to the activity's back stack, share 78events with the activity and other fragments in the activity, contribute to the activity's action 79bar, and more.</p> 80 81 82<h2 id="Design">Design Philosophy</h2> 83 84<p>Android introduced fragments in Android 3.0 (API level 11), primarily to support more 85dynamic and flexible UI designs on large screens, such as tablets. Because a 86tablet's screen is much larger than that of a handset, there's more room to combine and 87interchange UI components. Fragments allow such designs without the need for you to manage complex 88changes to the view hierarchy. By dividing the layout of an activity into fragments, you become able 89to modify the activity's appearance at runtime and preserve those changes in a back stack 90that's managed by the activity.</p> 91 92<p>For example, a news application can use one fragment to show a list of articles on the 93left and another fragment to display an article on the right—both fragments appear in one 94activity, side by side, and each fragment has its own set of lifecycle callback methods and handle 95their own user input events. Thus, instead of using one activity to select an article and another 96activity to read the article, the user can select an article and read it all within the same 97activity, as illustrated in the tablet layout in figure 1.</p> 98 99<p>You should design each fragment as a modular and reusable activity component. That is, because 100each fragment defines its own layout and its own behavior with its own lifecycle callbacks, you can 101include one fragment in multiple activities, so you should design for reuse and avoid directly 102manipulating one fragment from another fragment. This is especially important because a modular 103fragment allows you to change your fragment combinations for different screen sizes. When designing 104your application to support both tablets and handsets, you can reuse your fragments in different 105layout configurations to optimize the user experience based on the available screen space. For 106example, on a handset, it might be necessary to separate fragments to provide a single-pane UI when 107more than one cannot fit within the same activity.</p> 108 109<img src="{@docRoot}images/fundamentals/fragments.png" alt="" /> 110<p class="img-caption"><strong>Figure 1.</strong> An example of how two UI modules defined by 111fragments can be combined into one activity for a tablet design, but separated for a 112handset design.</p> 113 114<p>For example—to continue with the news application example—the application can embed 115two fragments in <em>Activity A</em>, when running on a tablet-sized device. However, on a 116handset-sized screen, there's not enough room for both fragments, so <em>Activity A</em> includes 117only the fragment for the list of articles, and when the user selects an article, it starts 118<em>Activity B</em>, which includes the second fragment to read the article. Thus, the application 119supports both tablets and handsets by reusing fragments in different combinations, as illustrated in 120figure 1.</p> 121 122<p>For more information about designing your application with different fragment combinations for 123different screen configurations, see the guide to <a 124href="{@docRoot}guide/practices/tablets-and-handsets.html">Supporting Tablets and Handsets</a>.</p> 125 126 127 128<h2 id="Creating">Creating a Fragment</h2> 129 130<div class="figure" style="width:327px"> 131<img src="{@docRoot}images/fragment_lifecycle.png" alt="" /> 132<p class="img-caption"><strong>Figure 2.</strong> The lifecycle of a fragment (while its 133activity is running).</p> 134</div> 135 136<p>To create a fragment, you must create a subclass of {@link android.app.Fragment} (or an existing 137subclass of it). The {@link android.app.Fragment} class has code that looks a lot like 138an {@link android.app.Activity}. It contains callback methods similar to an activity, such 139as {@link android.app.Fragment#onCreate onCreate()}, {@link android.app.Fragment#onStart onStart()}, 140{@link android.app.Fragment#onPause onPause()}, and {@link android.app.Fragment#onStop onStop()}. In 141fact, if you're converting an existing Android application to use fragments, you might simply move 142code from your activity's callback methods into the respective callback methods of your 143fragment.</p> 144 145<p>Usually, you should implement at least the following lifecycle methods:</p> 146 147<dl> 148 <dt>{@link android.app.Fragment#onCreate onCreate()}</dt> 149 <dd>The system calls this when creating the fragment. Within your implementation, you should 150initialize essential components of the fragment that you want to retain when the fragment is 151paused or stopped, then resumed.</dd> 152 <dt>{@link android.app.Fragment#onCreateView onCreateView()}</dt> 153 <dd>The system calls this when it's time for the fragment to draw its user interface for the 154first time. To draw a UI for your fragment, you must return a {@link android.view.View} from this 155method that is the root of your fragment's layout. You can return null if the fragment does not 156provide a UI.</dd> 157 <dt>{@link android.app.Activity#onPause onPause()}</dt> 158 <dd>The system calls this method as the first indication that the user is leaving the 159fragment (though it does not always mean the fragment is being destroyed). This is usually where you 160should commit any changes that should be persisted beyond the current user session (because 161the user might not come back).</dd> 162</dl> 163 164<p>Most applications should implement at least these three methods for every fragment, but there are 165several other callback methods you should also use to handle various stages of the 166fragment lifecycle. All the lifecycle callback methods are discussed in more detail in the section 167about <a href="#Lifecycle">Handling the Fragment Lifecycle</a>.</p> 168 169 170<p>There are also a few subclasses that you might want to extend, instead of the base {@link 171android.app.Fragment} class:</p> 172 173<dl> 174 <dt>{@link android.app.DialogFragment}</dt> 175 <dd>Displays a floating dialog. Using this class to create a dialog is a good alternative to using 176the dialog helper methods in the {@link android.app.Activity} class, because you can 177incorporate a fragment dialog into the back stack of fragments managed by the activity, 178allowing the user to return to a dismissed fragment.</dd> 179 180 <dt>{@link android.app.ListFragment}</dt> 181 <dd>Displays a list of items that are managed by an adapter (such as a {@link 182android.widget.SimpleCursorAdapter}), similar to {@link android.app.ListActivity}. It provides 183several methods for managing a list view, such as the {@link 184android.app.ListFragment#onListItemClick(ListView,View,int,long) onListItemClick()} callback to 185handle click events.</dd> 186 187 <dt>{@link android.preference.PreferenceFragment}</dt> 188 <dd>Displays a hierarchy of {@link android.preference.Preference} objects as a list, similar to 189{@link android.preference.PreferenceActivity}. This is useful when creating a "settings" 190activity for your application.</dd> 191</dl> 192 193 194<h3 id="UI">Adding a user interface</h3> 195 196<p>A fragment is usually used as part of an activity's user interface and contributes its own 197layout to the activity.</p> 198 199<p>To provide a layout for a fragment, you must implement the {@link 200android.app.Fragment#onCreateView onCreateView()} callback method, which the Android system calls 201when it's time for the fragment to draw its layout. Your implementation of this method must return a 202{@link android.view.View} that is the root of your fragment's layout.</p> 203 204<p class="note"><strong>Note:</strong> If your fragment is a subclass of {@link 205android.app.ListFragment}, the default implementation returns a {@link android.widget.ListView} from 206{@link android.app.Fragment#onCreateView onCreateView()}, so you don't need to implement it.</p> 207 208<p>To return a layout from {@link 209android.app.Fragment#onCreateView onCreateView()}, you can inflate it from a <a 210href="{@docRoot}guide/topics/resources/layout-resource.html">layout resource</a> defined in XML. To 211help you do so, {@link android.app.Fragment#onCreateView onCreateView()} provides a 212{@link android.view.LayoutInflater} object.</p> 213 214<p>For example, here's a subclass of {@link android.app.Fragment} that loads a layout from the 215{@code example_fragment.xml} file:</p> 216 217<pre> 218public static class ExampleFragment extends Fragment { 219 @Override 220 public View onCreateView(LayoutInflater inflater, ViewGroup container, 221 Bundle savedInstanceState) { 222 // Inflate the layout for this fragment 223 return inflater.inflate(R.layout.example_fragment, container, false); 224 } 225} 226</pre> 227 228<div class="sidebox-wrapper"> 229<div class="sidebox"> 230 <h3>Creating a layout</h3> 231 <p>In the sample above, {@code R.layout.example_fragment} is a reference to a layout resource 232named {@code example_fragment.xml} saved in the application resources. For information about how to 233create a layout in XML, see the <a href="{@docRoot}guide/topics/ui/index.html">User Interface</a> 234documentation.</p> 235</div> 236</div> 237 238<p>The {@code container} parameter passed to {@link android.app.Fragment#onCreateView 239onCreateView()} is the parent {@link android.view.ViewGroup} (from the activity's layout) in which 240your fragment layout 241will be inserted. The {@code savedInstanceState} parameter is a {@link android.os.Bundle} that 242provides data about the previous instance of the fragment, if the fragment is being resumed 243(restoring state is discussed more in the section about <a href="#Lifecycle">Handling the 244Fragment Lifecycle</a>).</p> 245 246<p>The {@link android.view.LayoutInflater#inflate(int,ViewGroup,boolean) inflate()} method takes 247three arguments:</p> 248<ul> 249 <li>The resource ID of the layout you want to inflate.</li> 250 <li>The {@link android.view.ViewGroup} to be the parent of the inflated layout. Passing the {@code 251container} is important in order for the system to apply layout parameters to the root view of the 252inflated layout, specified by the parent view in which it's going.</li> 253 <li>A boolean indicating whether the inflated layout should be attached to the {@link 254android.view.ViewGroup} (the second parameter) during inflation. (In this case, this 255is false because the system is already inserting the inflated layout into the {@code 256container}—passing true would create a redundant view group in the final layout.)</li> 257</ul> 258 259<p>Now you've seen how to create a fragment that provides a layout. Next, you need to add 260the fragment to your activity.</p> 261 262 263 264<h3 id="Adding">Adding a fragment to an activity</h3> 265 266<p>Usually, a fragment contributes a portion of UI to the host activity, which is embedded as a part 267of the activity's overall view hierarchy. There are two ways you can add a fragment to the activity 268layout:</p> 269 270<ul> 271 <li><b>Declare the fragment inside the activity's layout file.</b> 272<p>In this case, you can 273specify layout properties for the fragment as if it were a view. For example, here's the layout 274file for an activity with two fragments:</p> 275<pre> 276<?xml version="1.0" encoding="utf-8"?> 277<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 278 android:orientation="horizontal" 279 android:layout_width="match_parent" 280 android:layout_height="match_parent"> 281 <fragment android:name="com.example.news.ArticleListFragment" 282 android:id="@+id/list" 283 android:layout_weight="1" 284 android:layout_width="0dp" 285 android:layout_height="match_parent" /> 286 <fragment android:name="com.example.news.ArticleReaderFragment" 287 android:id="@+id/viewer" 288 android:layout_weight="2" 289 android:layout_width="0dp" 290 android:layout_height="match_parent" /> 291</LinearLayout> 292</pre> 293 <p>The {@code android:name} attribute in the {@code <fragment>} specifies the {@link 294android.app.Fragment} class to instantiate in the layout.</p> 295 296<p>When the system creates this activity layout, it instantiates each fragment specified in the 297layout and calls the {@link android.app.Fragment#onCreateView onCreateView()} method for each one, 298to retrieve each fragment's layout. The system inserts the {@link android.view.View} returned by the 299fragment directly in place of the {@code <fragment>} element.</p> 300 301<div class="note"> 302 <p><strong>Note:</strong> Each fragment requires a unique identifier that 303the system can use to restore the fragment if the activity is restarted (and which you can use to 304capture the fragment to perform transactions, such as remove it). There are three ways to provide an 305ID for a fragment:</p> 306 <ul> 307 <li>Supply the {@code android:id} attribute with a unique ID.</li> 308 <li>Supply the {@code android:tag} attribute with a unique string.</li> 309 <li>If you provide neither of the previous two, the system uses the ID of the container 310view.</li> 311 </ul> 312</div> 313 </li> 314 315 <li><b>Or, programmatically add the fragment to an existing {@link android.view.ViewGroup}.</b> 316<p>At any time while your activity is running, you can add fragments to your activity layout. You 317simply need to specify a {@link 318android.view.ViewGroup} in which to place the fragment.</p> 319 <p>To make fragment transactions in your activity (such as add, remove, or replace a 320fragment), you must use APIs from {@link android.app.FragmentTransaction}. You can get an instance 321of {@link android.app.FragmentTransaction} from your {@link android.app.Activity} like this:</p> 322 323<pre> 324FragmentManager fragmentManager = {@link android.app.Activity#getFragmentManager()}; 325FragmentTransaction fragmentTransaction = fragmentManager.{@link android.app.FragmentManager#beginTransaction()}; 326</pre> 327 328<p>You can then add a fragment using the {@link 329android.app.FragmentTransaction#add(int,Fragment) add()} method, specifying the fragment to add and 330the view in which to insert it. For example:</p> 331 332<pre> 333ExampleFragment fragment = new ExampleFragment(); 334fragmentTransaction.add(R.id.fragment_container, fragment); 335fragmentTransaction.commit(); 336</pre> 337 338 <p>The first argument passed to {@link android.app.FragmentTransaction#add(int,Fragment) add()} 339is the {@link android.view.ViewGroup} in which the fragment should be placed, specified by 340resource ID, and the second parameter is the fragment to add.</p> 341 <p>Once you've made your changes with 342{@link android.app.FragmentTransaction}, you must 343call {@link android.app.FragmentTransaction#commit} for the changes to take effect.</p> 344 </li> 345</ul> 346 347 348<h4 id="AddingWithoutUI">Adding a fragment without a UI</h4> 349 350<p>The examples above show how to add a fragment to your activity in order to provide a UI. However, 351you can also use a fragment to provide a background behavior for the activity without presenting 352additional UI.</p> 353 354<p>To add a fragment without a UI, add the fragment from the activity using {@link 355android.app.FragmentTransaction#add(Fragment,String)} (supplying a unique string "tag" for the 356fragment, rather than a view ID). This adds the fragment, but, because it's not associated with a 357view in the activity layout, it does not receive a call to {@link 358android.app.Fragment#onCreateView onCreateView()}. So you don't need to implement that method.</p> 359 360<p>Supplying a string tag for the fragment isn't strictly for non-UI fragments—you can also 361supply string tags to fragments that do have a UI—but if the fragment does not have a 362UI, then the string tag is the only way to identify it. If you want to get the fragment from the 363activity later, you need to use {@link android.app.FragmentManager#findFragmentByTag 364findFragmentByTag()}.</p> 365 366<p>For an example activity that uses a fragment as a background worker, without a UI, see the {@code 367FragmentRetainInstance.java} sample, which is included in the SDK samples (available through the 368Android SDK Manager) and located on your system as 369<code><sdk_root>/APIDemos/app/src/main/java/com/example/android/apis/app/FragmentRetainInstance.java</code>.</p> 370 371 372 373<h2 id="Managing">Managing Fragments</h2> 374 375<p>To manage the fragments in your activity, you need to use {@link android.app.FragmentManager}. To 376get it, call {@link android.app.Activity#getFragmentManager()} from your activity.</p> 377 378<p>Some things that you can do with {@link android.app.FragmentManager} include:</p> 379 380<ul> 381 <li>Get fragments that exist in the activity, with {@link 382android.app.FragmentManager#findFragmentById findFragmentById()} (for fragments that provide a UI in 383the activity layout) or {@link android.app.FragmentManager#findFragmentByTag 384findFragmentByTag()} (for fragments that do or don't provide a UI).</li> 385 <li>Pop fragments off the back stack, with {@link 386android.app.FragmentManager#popBackStack()} (simulating a <em>Back</em> command by the user).</li> 387 <li>Register a listener for changes to the back stack, with {@link 388android.app.FragmentManager#addOnBackStackChangedListener addOnBackStackChangedListener()}.</li> 389</ul> 390 391<p>For more information about these methods and others, refer to the {@link 392android.app.FragmentManager} class documentation.</p> 393 394<p>As demonstrated in the previous section, you can also use {@link android.app.FragmentManager} 395to open a {@link android.app.FragmentTransaction}, which allows you to perform transactions, such as 396add and remove fragments.</p> 397 398 399<h2 id="Transactions">Performing Fragment Transactions</h2> 400 401<p>A great feature about using fragments in your activity is the ability to add, remove, replace, 402and perform other actions with them, in response to user interaction. Each set of changes that you 403commit to the activity is called a transaction and you can perform one using APIs in {@link 404android.app.FragmentTransaction}. You can also save each transaction to a back stack managed by the 405activity, allowing the user to navigate backward through the fragment changes (similar to navigating 406backward through activities).</p> 407 408<p>You can acquire an instance of {@link android.app.FragmentTransaction} from the {@link 409android.app.FragmentManager} like this:</p> 410 411<pre> 412FragmentManager fragmentManager = {@link android.app.Activity#getFragmentManager()}; 413FragmentTransaction fragmentTransaction = fragmentManager.{@link android.app.FragmentManager#beginTransaction()}; 414</pre> 415 416<p>Each transaction is a set of changes that you want to perform at the same time. You can set 417up all the changes you want to perform for a given transaction using methods such as {@link 418android.app.FragmentTransaction#add add()}, {@link android.app.FragmentTransaction#remove remove()}, 419and {@link android.app.FragmentTransaction#replace replace()}. Then, to apply the transaction 420to the activity, you must call {@link android.app.FragmentTransaction#commit()}.</p> 421</dl> 422 423<p>Before you call {@link 424android.app.FragmentTransaction#commit()}, however, you might want to call {@link 425android.app.FragmentTransaction#addToBackStack addToBackStack()}, in order to add the transaction 426to a back stack of fragment transactions. This back stack is managed by the activity and allows 427the user to return to the previous fragment state, by pressing the <em>Back</em> button.</p> 428 429<p>For example, here's how you can replace one fragment with another, and preserve the previous 430state in the back stack:</p> 431 432<pre> 433// Create new fragment and transaction 434Fragment newFragment = new ExampleFragment(); 435FragmentTransaction transaction = getFragmentManager().beginTransaction(); 436 437// Replace whatever is in the fragment_container view with this fragment, 438// and add the transaction to the back stack 439transaction.replace(R.id.fragment_container, newFragment); 440transaction.addToBackStack(null); 441 442// Commit the transaction 443transaction.commit(); 444</pre> 445 446<p>In this example, {@code newFragment} replaces whatever fragment (if any) is currently in the 447layout container identified by the {@code R.id.fragment_container} ID. By calling {@link 448android.app.FragmentTransaction#addToBackStack addToBackStack()}, the replace transaction is 449saved to the back stack so the user can reverse the transaction and bring back the 450previous fragment by pressing the <em>Back</em> button.</p> 451 452<p>If you add multiple changes to the transaction (such as another {@link 453android.app.FragmentTransaction#add add()} or {@link android.app.FragmentTransaction#remove 454remove()}) and call {@link 455android.app.FragmentTransaction#addToBackStack addToBackStack()}, then all changes applied 456before you call {@link android.app.FragmentTransaction#commit commit()} are added to the 457back stack as a single transaction and the <em>Back</em> button will reverse them all together.</p> 458 459<p>The order in which you add changes to a {@link android.app.FragmentTransaction} doesn't matter, 460except:</p> 461<ul> 462 <li>You must call {@link android.app.FragmentTransaction#commit()} last</li> 463 <li>If you're adding multiple fragments to the same container, then the order in which 464you add them determines the order they appear in the view hierarchy</li> 465</ul> 466 467<p>If you do not call {@link android.app.FragmentTransaction#addToBackStack(String) 468addToBackStack()} when you perform a transaction that removes a fragment, then that fragment is 469destroyed when the transaction is committed and the user cannot navigate back to it. Whereas, if you 470do call {@link android.app.FragmentTransaction#addToBackStack(String) addToBackStack()} when 471removing a fragment, then the fragment is <em>stopped</em> and will be resumed if the user navigates 472back.</p> 473 474<p class="note"><strong>Tip:</strong> For each fragment transaction, you can apply a transition 475animation, by calling {@link android.app.FragmentTransaction#setTransition setTransition()} before 476you commit.</p> 477 478<p>Calling {@link android.app.FragmentTransaction#commit()} does not perform the transaction 479immediately. Rather, it schedules it to run on the activity's UI thread (the "main" thread) as soon 480as the thread is able to do so. If necessary, however, you may call {@link 481android.app.FragmentManager#executePendingTransactions()} from your UI thread to immediately execute 482transactions submitted by {@link android.app.FragmentTransaction#commit()}. Doing so is 483usually not necessary unless the transaction is a dependency for jobs in other threads.</p> 484 485<p class="caution"><strong>Caution:</strong> You can commit a transaction using {@link 486android.app.FragmentTransaction#commit commit()} only prior to the activity <a 487href="{@docRoot}guide/components/activities.html#SavingActivityState">saving its 488state</a> (when the user leaves the activity). If you attempt to commit after that point, an 489exception will be thrown. This is because the state after the commit can be lost if the activity 490needs to be restored. For situations in which its okay that you lose the commit, use {@link 491android.app.FragmentTransaction#commitAllowingStateLoss()}.</p> 492 493 494 495 496<h2 id="CommunicatingWithActivity">Communicating with the Activity</h2> 497 498<p>Although a {@link android.app.Fragment} is implemented as an object that's independent from an 499{@link android.app.Activity} and can be used inside multiple activities, a given instance of 500a fragment is directly tied to the activity that contains it.</p> 501 502<p>Specifically, the fragment can access the {@link android.app.Activity} instance with {@link 503android.app.Fragment#getActivity()} and easily perform tasks such as find a view in the 504activity layout:</p> 505 506<pre> 507View listView = {@link android.app.Fragment#getActivity()}.{@link android.app.Activity#findViewById findViewById}(R.id.list); 508</pre> 509 510<p>Likewise, your activity can call methods in the fragment by acquiring a reference to the 511{@link android.app.Fragment} from {@link android.app.FragmentManager}, using {@link 512android.app.FragmentManager#findFragmentById findFragmentById()} or {@link 513android.app.FragmentManager#findFragmentByTag findFragmentByTag()}. For example:</p> 514 515<pre> 516ExampleFragment fragment = (ExampleFragment) getFragmentManager().findFragmentById(R.id.example_fragment); 517</pre> 518 519 520<h3 id="EventCallbacks">Creating event callbacks to the activity</h3> 521 522<p>In some cases, you might need a fragment to share events with the activity. A good way to do that 523is to define a callback interface inside the fragment and require that the host activity implement 524it. When the activity receives a callback through the interface, it can share the information with 525other fragments in the layout as necessary.</p> 526 527<p>For example, if a news application has two fragments in an activity—one to show a list of 528articles (fragment A) and another to display an article (fragment B)—then fragment A must tell 529the activity when a list item is selected so that it can tell fragment B to display the article. In 530this case, the {@code OnArticleSelectedListener} interface is declared inside fragment A:</p> 531 532<pre> 533public static class FragmentA extends ListFragment { 534 ... 535 // Container Activity must implement this interface 536 public interface OnArticleSelectedListener { 537 public void onArticleSelected(Uri articleUri); 538 } 539 ... 540} 541</pre> 542 543<p>Then the activity that hosts the fragment implements the {@code OnArticleSelectedListener} 544interface and 545overrides {@code onArticleSelected()} to notify fragment B of the event from fragment A. To ensure 546that the host activity implements this interface, fragment A's {@link 547android.app.Fragment#onAttach onAttach()} callback method (which the system calls when adding 548the fragment to the activity) instantiates an instance of {@code OnArticleSelectedListener} by 549casting the {@link android.app.Activity} that is passed into {@link android.app.Fragment#onAttach 550onAttach()}:</p> 551 552<pre> 553public static class FragmentA extends ListFragment { 554 OnArticleSelectedListener mListener; 555 ... 556 @Override 557 public void onAttach(Activity activity) { 558 super.onAttach(activity); 559 try { 560 mListener = (OnArticleSelectedListener) activity; 561 } catch (ClassCastException e) { 562 throw new ClassCastException(activity.toString() + " must implement OnArticleSelectedListener"); 563 } 564 } 565 ... 566} 567</pre> 568 569<p>If the activity has not implemented the interface, then the fragment throws a 570{@link java.lang.ClassCastException}. 571On success, the {@code mListener} member holds a reference to activity's implementation of 572{@code OnArticleSelectedListener}, so that fragment A can share events with the activity by calling 573methods defined by the {@code OnArticleSelectedListener} interface. For example, if fragment A is an 574extension of {@link android.app.ListFragment}, each time 575the user clicks a list item, the system calls {@link android.app.ListFragment#onListItemClick 576onListItemClick()} in the fragment, which then calls {@code onArticleSelected()} to share 577the event with the activity:</p> 578 579<pre> 580public static class FragmentA extends ListFragment { 581 OnArticleSelectedListener mListener; 582 ... 583 @Override 584 public void onListItemClick(ListView l, View v, int position, long id) { 585 // Append the clicked item's row ID with the content provider Uri 586 Uri noteUri = ContentUris.{@link android.content.ContentUris#withAppendedId withAppendedId}(ArticleColumns.CONTENT_URI, id); 587 // Send the event and Uri to the host activity 588 mListener.onArticleSelected(noteUri); 589 } 590 ... 591} 592</pre> 593 594<p>The {@code id} parameter passed to {@link 595android.app.ListFragment#onListItemClick onListItemClick()} is the row ID of the clicked item, 596which the activity (or other fragment) uses to fetch the article from the application's {@link 597android.content.ContentProvider}.</p> 598 599<p><!--To see a complete implementation of this kind of callback interface, see the <a 600href="{@docRoot}resources/samples/NotePad/index.html">NotePad sample</a>. -->More information about 601using a content provider is available in the <a 602href="{@docRoot}guide/topics/providers/content-providers.html">Content Providers</a> document.</p> 603 604 605 606<h3 id="ActionBar">Adding items to the App Bar</h3> 607 608<p>Your fragments can contribute menu items to the activity's <a 609href="{@docRoot}guide/topics/ui/menus.html#options-menu">Options Menu</a> (and, consequently, the <a 610href="{@docRoot}training/appbar/index.html">app bar</a>) by implementing 611{@link android.app.Fragment#onCreateOptionsMenu(Menu,MenuInflater) onCreateOptionsMenu()}. In order 612for this method to receive calls, however, you must call {@link 613android.app.Fragment#setHasOptionsMenu(boolean) setHasOptionsMenu()} during {@link 614android.app.Fragment#onCreate(Bundle) onCreate()}, to indicate that the fragment 615would like to add items to the Options Menu (otherwise, the fragment will not receive a call to 616{@link android.app.Fragment#onCreateOptionsMenu onCreateOptionsMenu()}).</p> 617 618<p>Any items that you then add to the Options Menu from the fragment are appended to the existing 619menu items. The fragment also receives callbacks to {@link 620android.app.Fragment#onOptionsItemSelected(MenuItem) onOptionsItemSelected()} when a menu item 621is selected.</p> 622 623<p>You can also register a view in your fragment layout to provide a context menu by calling {@link 624android.app.Fragment#registerForContextMenu(View) registerForContextMenu()}. When the user opens 625the context menu, the fragment receives a call to {@link 626android.app.Fragment#onCreateContextMenu(ContextMenu,View,ContextMenu.ContextMenuInfo) 627onCreateContextMenu()}. When the user selects an item, the fragment receives a call to {@link 628android.app.Fragment#onContextItemSelected(MenuItem) onContextItemSelected()}.</p> 629 630<p class="note"><strong>Note:</strong> Although your fragment receives an on-item-selected callback 631for each menu item it adds, the activity is first to receive the respective callback when the user 632selects a menu item. If the activity's implementation of the on-item-selected callback does not 633handle the selected item, then the event is passed to the fragment's callback. This is true for 634the Options Menu and context menus.</p> 635 636<p>For more information about menus, see the <a 637href="{@docRoot}guide/topics/ui/menus.html">Menus</a> developer guide and the <a 638href="{@docRoot}training/appbar/index.html">App Bar</a> training class.</p> 639 640 641 642 643<h2 id="Lifecycle">Handling the Fragment Lifecycle</h2> 644 645<div class="figure" style="width:350px"> 646<img src="{@docRoot}images/activity_fragment_lifecycle.png" alt=""/> 647<p class="img-caption"><strong>Figure 3.</strong> The effect of the activity lifecycle on the fragment 648lifecycle.</p> 649</div> 650 651<p>Managing the lifecycle of a fragment is a lot like managing the lifecycle of an activity. Like 652an activity, a fragment can exist in three states:</p> 653 654<dl> 655 <dt><i>Resumed</i></dt> 656 <dd>The fragment is visible in the running activity.</dd> 657 658 <dt><i>Paused</i></dt> 659 <dd>Another activity is in the foreground and has focus, but the activity in which this 660fragment lives is still visible (the foreground activity is partially transparent or doesn't 661cover the entire screen).</dd> 662 663 <dt><i>Stopped</i></dt> 664 <dd>The fragment is not visible. Either the host activity has been stopped or the 665fragment has been removed from the activity but added to the back stack. A stopped fragment is 666still alive (all state and member information is retained by the system). However, it is no longer 667visible to the user and will be killed if the activity is killed.</dd> 668</dl> 669 670<p>Also like an activity, you can retain the state of a fragment using a {@link 671android.os.Bundle}, in case the activity's process is killed and you need to restore the 672fragment state when the activity is recreated. You can save the state during the fragment's {@link 673android.app.Fragment#onSaveInstanceState onSaveInstanceState()} callback and restore it during 674either {@link android.app.Fragment#onCreate onCreate()}, {@link 675android.app.Fragment#onCreateView onCreateView()}, or {@link 676android.app.Fragment#onActivityCreated onActivityCreated()}. For more information about saving 677state, see the <a 678href="{@docRoot}guide/components/activities.html#SavingActivityState">Activities</a> 679document.</p> 680 681<p>The most significant difference in lifecycle between an activity and a fragment is how one is 682stored in its respective back stack. An activity is placed into a back stack of activities 683that's managed by the system when it's stopped, by default (so that the user can navigate back 684to it with the <em>Back</em> button, as discussed in <a 685href="{@docRoot}guide/components/tasks-and-back-stack.html">Tasks and Back Stack</a>). 686However, a fragment is placed into a back stack managed by the host activity only when you 687explicitly request that the instance be saved by calling {@link 688android.app.FragmentTransaction#addToBackStack(String) addToBackStack()} during a transaction that 689removes the fragment.</p> 690 691<p>Otherwise, managing the fragment lifecycle is very similar to managing the activity 692lifecycle. So, the same practices for <a 693href="{@docRoot}guide/components/activities.html#Lifecycle">managing the activity 694lifecycle</a> also apply to fragments. What you also need to understand, though, is how the life 695of the activity affects the life of the fragment.</p> 696 697<p class="caution"><strong>Caution:</strong> If you need a {@link android.content.Context} object 698within your {@link android.app.Fragment}, you can call {@link android.app.Fragment#getActivity()}. 699However, be careful to call {@link android.app.Fragment#getActivity()} only when the fragment is 700attached to an activity. When the fragment is not yet attached, or was detached during the end of 701its lifecycle, {@link android.app.Fragment#getActivity()} will return null.</p> 702 703 704<h3 id="CoordinatingWithActivity">Coordinating with the activity lifecycle</h3> 705 706<p>The lifecycle of the activity in which the fragment lives directly affects the lifecycle of the 707fragment, such that each lifecycle callback for the activity results in a similar callback for each 708fragment. For example, when the activity receives {@link android.app.Activity#onPause}, each 709fragment in the activity receives {@link android.app.Fragment#onPause}.</p> 710 711<p>Fragments have a few extra lifecycle callbacks, however, that handle unique interaction with the 712activity in order to perform actions such as build and destroy the fragment's UI. These additional 713callback methods are:</p> 714 715<dl> 716 <dt>{@link android.app.Fragment#onAttach onAttach()}</dt> 717 <dd>Called when the fragment has been associated with the activity (the {@link 718android.app.Activity} is passed in here).</dd> 719 <dt>{@link android.app.Fragment#onCreateView onCreateView()}</dt> 720 <dd>Called to create the view hierarchy associated with the fragment.</dd> 721 <dt>{@link android.app.Fragment#onActivityCreated onActivityCreated()}</dt> 722 <dd>Called when the activity's {@link android.app.Activity#onCreate 723onCreate()} method has returned.</dd> 724 <dt>{@link android.app.Fragment#onDestroyView onDestroyView()}</dt> 725 <dd>Called when the view hierarchy associated with the fragment is being removed.</dd> 726 <dt>{@link android.app.Fragment#onDetach onDetach()}</dt> 727 <dd>Called when the fragment is being disassociated from the activity.</dd> 728</dl> 729 730<p>The flow of a fragment's lifecycle, as it is affected by its host activity, is illustrated 731by figure 3. In this figure, you can see how each successive state of the activity determines which 732callback methods a fragment may receive. For example, when the activity has received its {@link 733android.app.Activity#onCreate onCreate()} callback, a fragment in the activity receives no more than 734the {@link android.app.Fragment#onActivityCreated onActivityCreated()} callback.</p> 735 736<p>Once the activity reaches the resumed state, you can freely add and remove fragments to the 737activity. Thus, only while the activity is in the resumed state can the lifecycle of a fragment 738change independently.</p> 739 740<p>However, when the activity leaves the resumed state, the fragment again is pushed through its 741lifecycle by the activity.</p> 742 743 744 745 746<h2 id="Example">Example</h2> 747 748<p>To bring everything discussed in this document together, here's an example of an activity 749using two fragments to create a two-pane layout. The activity below includes one fragment to 750show a list of Shakespeare play titles and another to show a summary of the play when selected 751from the list. It also demonstrates how to provide different configurations of the fragments, 752based on the screen configuration.</p> 753 754<p class="note"><strong>Note:</strong> The complete source code for this activity is available in 755<a 756href="{@docRoot}resources/samples/ApiDemos/src/com/example/android/apis/app/FragmentLayout.html">{@code 757FragmentLayout.java}</a>.</p> 758 759<p>The main activity applies a layout in the usual way, during {@link 760android.app.Activity#onCreate onCreate()}:</p> 761 762{@sample development/samples/ApiDemos/src/com/example/android/apis/app/FragmentLayout.java main} 763 764<p>The layout applied is {@code fragment_layout.xml}:</p> 765 766{@sample development/samples/ApiDemos/res/layout-land/fragment_layout.xml layout} 767 768<p>Using this layout, the system instantiates the {@code TitlesFragment} (which lists the play 769titles) as soon as the activity loads the layout, while the {@link android.widget.FrameLayout} 770(where the fragment for showing the play summary will go) consumes space on the right side of the 771screen, but remains empty at first. As you'll see below, it's not until the user selects an item 772from the list that a fragment is placed into the {@link android.widget.FrameLayout}.</p> 773 774<p>However, not all screen configurations are wide enough to show both the list of 775plays and the summary, side by side. So, the layout above is used only for the landscape 776screen configuration, by saving it at {@code res/layout-land/fragment_layout.xml}.</p> 777 778<p>Thus, when the screen is in portrait orientation, the system applies the following layout, which 779is saved at {@code res/layout/fragment_layout.xml}:</p> 780 781{@sample development/samples/ApiDemos/res/layout/fragment_layout.xml layout} 782 783<p>This layout includes only {@code TitlesFragment}. This means that, when the device is in 784portrait orientation, only the list of play titles is visible. So, when the user clicks a list 785item in this configuration, the application will start a new activity to show the summary, 786instead of loading a second fragment.</p> 787 788<p>Next, you can see how this is accomplished in the fragment classes. First is {@code 789TitlesFragment}, which shows the list of Shakespeare play titles. This fragment extends {@link 790android.app.ListFragment} and relies on it to handle most of the list view work.</p> 791 792<p>As you inspect this code, notice that there are two possible behaviors when the user clicks a 793list item: depending on which of the two layouts is active, it can either create and display a new 794fragment to show the details in the same activity (adding the fragment to the {@link 795android.widget.FrameLayout}), or start a new activity (where the fragment can be shown).</p> 796 797{@sample development/samples/ApiDemos/src/com/example/android/apis/app/FragmentLayout.java titles} 798 799<p>The second fragment, {@code DetailsFragment} shows the play summary for the item selected from 800the list from {@code TitlesFragment}:</p> 801 802{@sample development/samples/ApiDemos/src/com/example/android/apis/app/FragmentLayout.java details} 803 804<p>Recall from the {@code TitlesFragment} class, that, if the user clicks a list item and the 805current layout does <em>not</em> include the {@code R.id.details} view (which is where the 806{@code DetailsFragment} belongs), then the application starts the {@code DetailsActivity} 807activity to display the content of the item.</p> 808 809<p>Here is the {@code DetailsActivity}, which simply embeds the {@code DetailsFragment} to display 810the selected play summary when the screen is in portrait orientation:</p> 811 812{@sample development/samples/ApiDemos/src/com/example/android/apis/app/FragmentLayout.java 813details_activity} 814 815<p>Notice that this activity finishes itself if the configuration is landscape, so that the main 816activity can take over and display the {@code DetailsFragment} alongside the {@code TitlesFragment}. 817This can happen if the user begins the {@code DetailsActivity} while in portrait orientation, but 818then rotates to landscape (which restarts the current activity).</p> 819 820 821<p>For more samples using fragments (and complete source files for this example), 822see the API Demos sample app available in <a 823href="{@docRoot}resources/samples/ApiDemos/src/com/example/android/apis/app/index.html#Fragment"> 824ApiDemos</a> (available for download from the <a 825href="{@docRoot}resources/samples/get.html">Samples SDK component</a>).</p> 826 827 828