Xamarin.Android之ActionBar与菜单

如今很多应用都会使用碎片以便在同一个活动中能够显示多个不同的视图。在Android 3.0 以上的版本中，我们已经可以使用ActionBar提供的Tab来实现这种效果，而不需要我们自己去实现碎片的切换。ActionBar默认是不具备选项卡功能的，所以我们需要给一个属性赋上对应的枚举，比如下面的方式将开启选项卡。

1 ActionBar.NavigationMode = ActionBarNavigationMode.Tabs;

开启之后，我们就需要往ActionBar中添加Tab，当然这里我们不能直接new一个Tab而需要使用ActionBar的AddTab方法创建，然后设置对应的属性，比如下面的方式将创建两个选项卡。

1             var tab = ActionBar.NewTab();
2             tab.SetText("Tab1");
3             tab.SetIcon(Resource.Drawable.Icon);
4             var tab2 = ActionBar.NewTab();
5             tab2.SetText("Tab2");
6             tab2.SetIcon(Resource.Drawable.Icon);

我们利用选项卡的SetText设置选项卡的文本，通过SetIcon设置选项的图片，比如下面这张图。

Xamarin.Android之ActionBar与菜单

我们只是实现了添加两个选项卡，但是点击之后是没有任何效果的。所以我们还需要创建两个碎片，以便在点击不同的选项卡后能够切换。首先我们在Resources/layout下分别新建Fragment1.axml和Fragment2.axml，其中的内容读者可以自行设置，只要最后能够区分的出来即可。

Xamarin.Android之ActionBar与菜单

有了这些碎片，下面我们就可以监听选项卡的点击事件，从而切换不同的选项卡。首先我们需要将我们需要使用的碎片实例化。

1             fragment1 = new Fragment1();
2             fragment2 = new Fragment2();

然后监听tab的事件。

 1             tab.TabSelected += (s, e) =>
 2             {
 3                 if (!fragment1.IsAdded)
 4                 {
 5                     e.FragmentTransaction.Add(Resource.Id.frameLayout1, fragment1);
 6                 }
 7                 if (fragment2.IsAdded && !fragment2.IsHidden)
 8                 {
 9                     e.FragmentTransaction.Hide(fragment2);
10                 }
11                 e.FragmentTransaction.Show(fragment1);
12             };

因为笔者原本从事过java下的android开发，所以这里还是沿用了java下的方式，首先是判断fragment1是否添加进去了，如果没有则添加，然后又判断了fragment2是否添加，并且是否已经显示，如果显示则隐藏。最后才显示fragment1。同理tab2的方式也是一样的，只是fragment1与fragment2互调。最后通过ActionBar的AddTab添加选项卡，这样做还没有结束，我们还要默认选项第一个选项卡，这里需要通过ActionBar的SelectTab方法设置。下面是活动中的所有代码。

 1     [Activity(Label = "ActionBarStudy", MainLauncher = true, Icon = "@drawable/icon")]
 2     public class MainActivity : Activity
 3     {
 4         Fragment fragment1;
 5         Fragment fragment2;
 6 
 7         protected override void OnCreate(Bundle bundle)
 8         {
 9             base.OnCreate(bundle);
10             SetContentView(Resource.Layout.Main);
11             ActionBar.NavigationMode = ActionBarNavigationMode.Tabs;
12 
13             fragment1 = new Fragment1();
14             fragment2 = new Fragment2();
15 
16             var tab = ActionBar.NewTab();
17             tab.SetText("Tab1");
18             tab.SetIcon(Resource.Drawable.Icon);
19             var tab2 = ActionBar.NewTab();
20             tab2.SetText("Tab2");
21             tab2.SetIcon(Resource.Drawable.Icon);
22 
23             tab.TabSelected += (s, e) =>
24             {
25                 if (!fragment1.IsAdded)
26                 {
27                     e.FragmentTransaction.Add(Resource.Id.frameLayout1, fragment1);
28                 }
29                 if (fragment2.IsAdded && !fragment2.IsHidden)
30                 {
31                     e.FragmentTransaction.Hide(fragment2);
32                 }
33                 e.FragmentTransaction.Show(fragment1);
34             };
35             
36 
37 
38             tab2.TabSelected += (s, e) =>
39             {
40                 if (!fragment2.IsAdded)
41                 {
42                     e.FragmentTransaction.Add(Resource.Id.frameLayout1, fragment2);
43                 }
44                 if (fragment1.IsAdded && !fragment1.IsHidden)
45                 {
46                     e.FragmentTransaction.Hide(fragment1);
47                 }
48                 e.FragmentTransaction.Show(fragment2);
49             };
50 
51             ActionBar.AddTab(tab);
52             ActionBar.AddTab(tab2);
53 
54             ActionBar.SelectTab(tab);
55         }
56 }

View Code