Android Fragment 简单实例

这里用的是import android.support.v4.app.FragmentTransaction，而不是import android.app.FragmentTransaction，后者会报错的。

Fragment

在 onCreateView这里初始化控件

1
2
3
4
5
6
7
8
9
10
public class MessageFragment extends Fragment{
  private TextView tv;
  public View onCreateView(LayoutInflater inflater, ViewGroup container,
       Bundle savedInstanceState) {
    View messageLayout = inflater.inflate(R.layout.message, container, false);
    tv=(TextView) messageLayout.findViewById(R.id.message);
    tv.setText("哈哈哈哈哈哈");
    return messageLayout;
   }
}

Activity

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
public class MainActivity extends Activity implements OnClickListener {
/**
* 用于展示消息的Fragment
*/
private MessageFragment messageFragment;
 
/**
* 用于展示联系人的Fragment
*/
private ContactsFragment contactsFragment;
 
/**
* 用于展示动态的Fragment
*/
private NewsFragment newsFragment;
 
/**
* 用于展示设置的Fragment
*/
private SettingFragment settingFragment;
 
/**
* 消息界面布局
*/
private View messageLayout;
 
/**
* 联系人界面布局
*/
private View contactsLayout;
 
/**
* 动态界面布局
*/
private View newsLayout;
 
/**
* 设置界面布局
*/
private View settingLayout;
/**
* 用于对Fragment进行管理
*/
private FragmentManager fragmentManager;
 
@Override
protected void onCreate(Bundle savedInstanceState) {
   super.onCreate(savedInstanceState);
   setContentView(R.layout.activity_main);
   initViews();
   fragmentManager = getFragmentManager();
   // 第一次启动时选中第0个tab
   setTabSelection(0);
}
 
/**
* 在这里获取到每个需要用到的控件的实例，并给它们设置好必要的点击事件。
*/
 
private void initViews() {
   messageLayout = findViewById(R.id.message_layout);
   contactsLayout = findViewById(R.id.contacts_layout);
   newsLayout = findViewById(R.id.news_layout);
   settingLayout = findViewById(R.id.setting_layout);
   messageLayout.setOnClickListener(this);
   contactsLayout.setOnClickListener(this);
   newsLayout.setOnClickListener(this);
   settingLayout.setOnClickListener(this);
}
 
@Override
public void onClick(View v) {
   switch (v.getId()) {
   case R.id.message_layout:
     // 当点击了消息tab时，选中第1个tab
     setTabSelection(0);
     break;
   case R.id.contacts_layout:
     // 当点击了联系人tab时，选中第2个tab
     setTabSelection(1);
     break;
   case R.id.news_layout:
      // 当点击了动态tab时，选中第3个tab
      setTabSelection(2);
      break;
   case R.id.setting_layout:
       // 当点击了设置tab时，选中第4个tab
      setTabSelection(3);
       break;
   default:
    break;
}
 
}
 
/**
* 根据传入的index参数来设置选中的tab页。
*
* @param index
* 每个tab页对应的下标。0表示消息，1表示联系人，2表示动态，3表示设置。
*/
private void setTabSelection(int index) {
   // 每次选中之前先清楚掉上次的选中状态
   clearSelection();
   // 开启一个Fragment事务
   FragmentTransaction transaction = fragmentManager.beginTransaction();
   // 先隐藏掉所有的Fragment，以防止有多个Fragment显示在界面上的情况
   hideFragments(transaction);
   switch (index) {
   case 0:
     messageLayout.setBackgroundColor(0xff0000ff);
 
     if (messageFragment == null) {
       // 如果MessageFragment为空，则创建一个并添加到界面上
        messageFragment = new MessageFragment();
       transaction.add(R.id.content, messageFragment);
     } else {
       // 如果MessageFragment不为空，则直接将它显示出来
       transaction.show(messageFragment);
     }
     break;
   case 1:
    // 当点击了联系人tab时，改变控件的图片和文字颜色
    contactsLayout.setBackgroundColor(0xff0000ff);
    if (contactsFragment == null) {
     // 如果ContactsFragment为空，则创建一个并添加到界面上
     contactsFragment = new ContactsFragment();
     transaction.add(R.id.content, contactsFragment);
    } else {
     // 如果ContactsFragment不为空，则直接将它显示出来
     transaction.show(contactsFragment);
    }
    break;
   case 2:
    // 当点击了动态tab时，改变控件的图片和文字颜色
     newsLayout.setBackgroundColor(0xff0000ff);
     if (newsFragment == null) {
      // 如果NewsFragment为空，则创建一个并添加到界面上
       newsFragment = new NewsFragment();
       transaction.add(R.id.content, newsFragment);
     } else {
      // 如果NewsFragment不为空，则直接将它显示出来
      transaction.show(newsFragment);
     }
     break;
   case 3:
     default:
     // 当点击了设置tab时，改变控件的图片和文字颜色
     settingLayout.setBackgroundColor(0xff0000ff);
     if (settingFragment == null) {
     // 如果SettingFragment为空，则创建一个并添加到界面上
     settingFragment = new SettingFragment();
     transaction.add(R.id.content, settingFragment);
     } else {
     // 如果SettingFragment不为空，则直接将它显示出来
     transaction.show(settingFragment);
     }
    break;
  }
 transaction.commit();
}
 
/**
* 将所有的Fragment都置为隐藏状态。
*
* @param transaction
* 用于对Fragment执行操作的事务
*/
private void hideFragments(FragmentTransaction transaction) {
   if (messageFragment != null) {
     transaction.hide(messageFragment);
   }
    if (contactsFragment != null) {
     transaction.hide(contactsFragment);
   }
    if (newsFragment != null) {
      transaction.hide(newsFragment);
   }
   if (settingFragment != null) {
     transaction.hide(settingFragment);
   }
}
 
/**
* 清除掉所有的选中状态。
*/
private void clearSelection() {
   messageLayout.setBackgroundColor(0xffffffff);
   contactsLayout.setBackgroundColor(0xffffffff);
   newsLayout.setBackgroundColor(0xffffffff);
   settingLayout.setBackgroundColor(0xffffffff);
   }
}

参考：https://www.jb51.net/article/138944.htm