StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

POShow/Hide Fragments and change the visibility attribute programmatically
primarykey
Id
15521754
data
AcceptedAnswerId
15522368
AnswerCount
1
ClosedDate
CommentCount
1
CommunityOwnedDate
CreationDate
2013-03-20T11:05:06.970
FavoriteCount
3
LastActivityDate
2013-03-21T12:30:48.593
LastEditDate
2017-05-23T11:58:41.420
LastEditorUserId
-1
OwnerUserId
879372
ParentId
0
PostTypeId
1
Score
6
ViewCount
27802
LastEditorDisplayName
text
Body
This is a 2 part problem. What I'm having is a 3 Fragment layout where the 3'rd Fragment(FragmentC) is added dynamically when the user taps a button found in another fragment. Then, after it's added the 3'rd Fragment has a button to maximize/minimize it. UPDATE: Scrool at the end for SOLUTION PROBLEM 1: I'm trying to change the visibility attribute of a FrameLayout that acts as a container for the 3'rd fragment(R.id.fragment_C). What the code is supposed to do is to generate another fragment that, originally has an XML containing android:visibility = "gone". Then, the Fragment is added when tapping a button and the visibility is suppose to change to VISIBLE. I know this has been covered before, but after 4 hours of trying to make it work I decided to ask what I'm doing wrong. PROBLEM 2: After the 3'rd fragment is generated I have a minimize/maximize button that's supposed to hide the first 2 Fragments and allow the 3'rd Fragment to fill the screen. The problem is the Views of the first 2 Fragments are not removed when using .setVisibility(View.GONE). This has been covered before as well, but I can't figure out why it doesn't work in my code. The code so far(sorry if it's to verbose but I thought it's better to include all details for you folks): main_activity.xml <pre><code><?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent" android:layout_height="fill_parent" android:paddingLeft="0dp" android:paddingRight="0dp" android:orientation="vertical" > <FrameLayout android:id="@+id/fragment_A" android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_alignParentTop="true" android:layout_centerHorizontal="true" android:background="#CCCCCC" > </FrameLayout> <FrameLayout android:id="@+id/fragment_B" android:layout_width="fill_parent" android:layout_height="300dp" android:layout_below="@id/fragment_A" android:layout_centerHorizontal="true" android:layout_marginTop="15dp" android:background="#B4B4B4" > </FrameLayout> <FrameLayout android:id="@+id/fragment_C" android:layout_width="fill_parent" android:layout_height="fill_parent" android:layout_below="@id/fragment_B" android:layout_centerHorizontal="true" android:layout_marginTop="0dp" android:background="#A3A3A3" android:visibility="gone" > </FrameLayout> </RelativeLayout> </code></pre> land/main_activity.xml <pre><code><?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent" android:layout_height="fill_parent" android:orientation="horizontal" android:paddingLeft="0dp" android:paddingRight="0dp" > <LinearLayout android:id="@+id/fragments_container" android:layout_width="fill_parent" android:layout_height="200dp" android:baselineAligned="false" > <FrameLayout android:id="@+id/fragment_A" android:layout_width="fill_parent" android:layout_height="fill_parent" android:layout_weight="0.5" android:background="#CCCCCC" > </FrameLayout> <FrameLayout android:id="@id/fragment_B" android:layout_width="fill_parent" android:layout_height="fill_parent" android:layout_weight="0.5" android:background="#B4B4B4" > </FrameLayout> </LinearLayout> <FrameLayout android:id="@+id/fragment_C" android:layout_width="fill_parent" android:layout_height="fill_parent" android:layout_below="@id/fragment_container" android:layout_centerHorizontal="true" android:layout_marginTop="0dp" android:background="#A3A3A3" android:visibility="gone" > </FrameLayout> </RelativeLayout> </code></pre> MainActivity.java <pre><code>package com.example.android.fragments_proto.activity; import android.os.Bundle; import android.support.v4.app.Fragment; import android.support.v4.app.FragmentManager; import android.support.v4.app.FragmentTransaction; import com.example.android.fragments_proto.R; import com.example.android.fragments_proto.fragment.GMC_DateSelectionFragment; import com.example.android.fragments_proto.fragment.GMC_ProdUnitSelectionFragment; public class MainActivity extends FragmentActivity { @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.main_activity); FragmentManager fm = getSupportFragmentManager(); Fragment fragmentA = fm.findFragmentById(R.id.fragment_A); Fragment fragmentB = fm.findFragmentById(R.id.fragment_B); if (fragmentA == null) { FragmentTransaction ft = fm.beginTransaction(); ft.add(R.id.fragment_A, new FragmentA()); ft.commit(); } if (fragmentB == null) { FragmentTransaction ft = fm.beginTransaction(); ft.add(R.id.fragment_B, new FragmentB()); ft.commit(); } } } </code></pre> Now the XML and .java files for the first Fragment. fragment_A.xml <pre><code><?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:gravity="center_horizontal" > <DatePicker android:id="@+id/datePicker1" android:layout_width="wrap_content" android:layout_height="wrap_content" /> </LinearLayout> </code></pre> FragmentA.java <pre><code>package com.example.android.fragments_proto.fragment; import android.app.Activity; import android.os.Bundle; import android.support.v4.app.Fragment; import android.view.LayoutInflater; import android.view.MotionEvent; import android.view.View; import android.view.View.OnTouchListener; import android.view.ViewGroup; import android.widget.DatePicker; import android.widget.Toast; import com.example.android.fragments_proto.R; public class FragmentA extends Fragment { @Override public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) { View view = inflater.inflate(R.layout.fragment_A, container, false); DatePicker datePicker = (DatePicker) view.findViewById(R.id.datePicker1); datePicker.setCalendarViewShown(true); datePicker.setSpinnersShown(false); datePicker.setOnTouchListener(new OnTouchListener() { @Override public boolean onTouch(View v, MotionEvent event) { Activity activity = getActivity(); if (activity != null) { Toast.makeText(activity, "You Touched ME!", Toast.LENGTH_SHORT).show(); } return false; } }); return view; } } </code></pre> Now the XML and .java files for the Fragment that contains the button that when tapped adds the content in R.id.fragment_C fragment_B.xml <pre><code><?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="vertical" android:layout_width="fill_parent" android:layout_height="fill_parent" > <LinearLayout android:orientation="horizontal" android:layout_width="fill_parent" android:layout_height="0dp" android:layout_weight="0.1" > <ListView android:id="@+id/listView1" android:layout_width="fill_parent" android:layout_height="fill_parent" > </ListView> </LinearLayout> <LinearLayout android:layout_width="fill_parent" android:orientation="horizontal" android:gravity="center" android:layout_height="wrap_content"> <Button android:id="@+id/button" android:text="@string/btn_fragment" android:layout_width="fill_parent" android:layout_height="wrap_content" /> </LinearLayout> </LinearLayout> </code></pre> FragmentB.java <pre><code>package com.example.android.fragments_proto.fragment; import android.app.Activity; import android.os.Bundle; import android.support.v4.app.Fragment; import android.support.v4.app.FragmentTransaction; import android.view.LayoutInflater; import android.view.View; import android.view.ViewGroup; import android.widget.ArrayAdapter; import android.widget.Button; import android.widget.ListView; import com.example.android.fragments_proto.R; public class FragmentB extends Fragment { @Override public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) { View view = inflater.inflate(R.layout.fragmentB, container, false); ListView listView = (ListView) view.findViewById(R.id.listView1); Button button = (Button) view.findViewById(R.id.button); String[] machines = new String[] { "MachineId-001", "MachineId-002", "MachineId-003", "MachineId-004", "MachineId-005", "MachineId-006", "MachineId-007", "MachineId-008"}; listView.setChoiceMode(ListView.CHOICE_MODE_MULTIPLE); listView.setAdapter(new ArrayAdapter<String>(getActivity(), android.R.layout.select_dialog_multichoice, machines)); final FrameLayout frameLayout = (FrameLayout) view.findViewById(R.id.fragment_C); button.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { Activity activity = getActivity(); if (activity != null) { getFragmentManager().beginTransaction().replace(R.id.fragment_C, new FragmentC()).setTransition(FragmentTransaction.TRANSIT_FRAGMENT_FADE).addToBackStack(null).commit(); frameLayout.setVisibility(View.VISIBLE); } } }); return view; } } </code></pre> The XML and .java files for the Fragment that's supposed to be added. fragment_C.xml <pre><code><?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:orientation="vertical" > <LinearLayout android:layout_width="fill_parent" android:orientation="horizontal" android:gravity="center" android:layout_height="wrap_content"> <Button android:id="@+id/maximize_button" android:layout_width="fill_parent" android:layout_height="wrap_content" android:text="Maximize Me!" /> </LinearLayout> <TextView android:id="@+id/text_view" android:textIsSelectable="true" android:layout_width="fill_parent" android:layout_height="fill_parent" android:background="#FF33FF" /> </LinearLayout> </code></pre> FragmentC.java <pre><code>package com.example.android.fragments_proto.fragment; import android.os.Bundle; import android.support.v4.app.Fragment; import android.support.v4.app.FragmentTransaction; import android.view.LayoutInflater; import android.view.View; import android.view.View.OnClickListener; import android.view.ViewGroup; import android.widget.Button; import android.widget.TextView; import com.example.android.fragments_proto.R; public class FragmentC extends Fragment { @Override public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) { View view = inflater.inflate(R.layout.fragment_C, container, false); TextView textView = (TextView) view.findViewById(R.id.text_view); final Fragment fragmentA = getFragmentManager().findFragmentById(R.id.fragment_A); final Fragment fragmentB = getFragmentManager().findFragmentById(R.id.fragment_B); button.setOnClickListener(new OnClickListener() { public void onClick(View v) { FragmentTransaction ft = getFragmentManager().beginTransaction(); if (fragmentA.isVisible() && fragmentB.isVisible()) { ft.hide(fragmentA); ft.hide(fragmentB); fragmentA.getView().setVisibility(View.GONE); fragmentB.getView().setVisibility(View.GONE); button.setText("Minimize Me!"); ft.addToBackStack(null); } else { ft.show(fragmentA); ft.show(fragmentB); fragmentA.getView().setVisibility(View.VISIBLE); fragmentB.getView().setVisibility(View.VISIBLE); button.setText("Maximize Me!"); ft.addToBackStack(null); } ft.commit(); } }); return view; } } </code></pre> Found the problem and a solution thanks to <a href="https://stackoverflow.com/users/1113510/moesio">Moesio</a> PROBLEM: My error was that I was trying to find a view (in FragmentB.java) with final FrameLayout frameLayout = (FrameLayout) view.findViewById(R.id.fragment_C); This line was returning null so when the code reached the point where it was supposed to do a .setVisibility() then the app. would return a nullPointerException. The same happened for FragmentC.java (so my 2 problems were related). The Views were not removed because my findViewById was null! SOLUTION: Just search for your View with getActivity.findViewById(R.id.your_view);
Tags
<android-fragments><visibility>
Title
Show/Hide Fragments and change the visibility attribute programmatically
singulars
PostAcceptedAnswerId
1. PO
 singulars
 PostTypePostTypeId
 PTAnswer
PostParentId
1. This table or related slice is empty.
PostTypePostTypeId
1. PTQuestion
UserLastEditorUserId
1. USCommunity
UserOwnerUserId
1. USsebster
plurals
PostLinksPostIdRelatedPostId
1. This table or related slice is empty.
PostLinksRelatedPostIdPostId
1. PL
 singulars
 LinkTypeLinkTypeId
 LTLinked
PostsAcceptedAnswerId
1. This table or related slice is empty.
PostsParentIdCreationDate
1. PO
 singulars
 PostTypePostTypeId
 PTAnswer
VotesPostIdCreationDate
1. VO
 singulars
 PostPostId
 POShow/Hide Fragments and change the visibility attribute programmatically
 UserUserId
 This table or related slice is empty.
 VoteTypeVoteTypeId
 VTUpMod
2. VO
 singulars
 PostPostId
 POShow/Hide Fragments and change the visibility attribute programmatically
 UserUserId
 USTofuw
 VoteTypeVoteTypeId
 VTFavorite
CommentsPostId
1. COI paste your code in a local project and I think I found 'null' cause. I had edited may answer. Read below.
 singulars
 PostPostId
 POShow/Hide Fragments and change the visibility attribute programmatically
 UserUserId
 USMoesio

Querying!

Guidance

A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.