中英网站模板,免费asp主机网站,企业网站模板观叫湖南岚鸿团队,耒阳住房与建设局网站本文所有的代码均存于 https://github.com/MADMAX110/BitsandPizzas 回到BitsandPizzas应用#xff0c;之前已经创建过创建订单和发出反馈等功能。 修改披萨应用#xff0c;让它使用标签页导航。在工具条下显示一组标签页#xff0c;每个选项对应一个不同的标签页。用户单击…本文所有的代码均存于 https://github.com/MADMAX110/BitsandPizzas 回到BitsandPizzas应用之前已经创建过创建订单和发出反馈等功能。 修改披萨应用让它使用标签页导航。在工具条下显示一组标签页每个选项对应一个不同的标签页。用户单击一个标签页时就会显示该选项的屏幕。 修改MainActivity使其使用标签页标签页包含对应HomePizzasPasta和Stores的选项使用户能很容易地导航到应用的主要部分。
1、创建四个基本片段 TopFragment、PizzaFragment、PastaFragment、StoresFragment 2、支持片段之间的滑动导航 3、增加标签页布局 最后、我们要为MainActivity增加一个标签页布局这可以结合滑动导航使用。用户可以单击标签页导航到各个片段也可以在片段之间滑动来进行导航。
一、创建TopFragment
在com.hfad.bitsandpizzas包中新建一个Fragment(Blank)其布局名为fragment_top。 以下使TopFragment.java的代码
package com.hfad.bitsandpizzas;import android.os.Bundle;
import androidx.fragment.app.Fragment;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;public class TopFragment extends Fragment {Overridepublic View onCreateView(LayoutInflater inflater, ViewGroup container,Bundle savedInstanceState) {return inflater.inflate(R.layout.fragment_top, container, false);}
}在strings.xml中增加字符串资源 string nametitle_topTop fragment/string更新fragment_top.xml
?xml version1.0 encodingutf-8?
FrameLayout xmlns:androidhttp://schemas.android.com/apk/res/androidxmlns:toolshttp://schemas.android.com/toolsandroid:layout_widthmatch_parentandroid:layout_heightmatch_parenttools:context.TopFragmentTextViewandroid:layout_widthmatch_parentandroid:layout_heightmatch_parentandroid:textstring/title_top //FrameLayout二、创建PizzaFragment
PizzaFragment是一个用来显示披萨列表的列表片段所以不需要布局直接新建PizzaFragment。 在strings.xml中增加一个字符串数组资源
string-array namepizzasitemDiavolo/itemitemFunghi/item
/string-array然后修改PizzaFragment.java
package com.hfad.bitsandpizzas;import android.os.Bundle;
import androidx.fragment.app.ListFragment;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ArrayAdapter;public class PizzaFragment extends ListFragment {Overridepublic View onCreateView(LayoutInflater inflater, ViewGroup container,Bundle savedInstanceState) {ArrayAdapterString adapter new ArrayAdapter(inflater.getContext(),android.R.layout.simple_list_item_1,getResources().getStringArray(R.array.pizzas));setListAdapter(adapter);return super.onCreateView(inflater, container, savedInstanceState);}
}三、创建PastaFragment
创建一个名为PastaFragment的ListFragment显示页面列表。 增加一个字符串数组 string-array namepastaitemSpaghetti Bologness/itemitemLasagne/item/string-array然后修改PastaFragment.java
package com.hfad.bitsandpizzas;import android.os.Bundle;
import androidx.fragment.app.ListFragment;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ArrayAdapter;public class PastaFragment extends ListFragment {Overridepublic View onCreateView(LayoutInflater inflater, ViewGroup container,Bundle savedInstanceState) {ArrayAdapterString adapter new ArrayAdapter(inflater.getContext(),android.R.layout.simple_list_item_1,getResources().getStringArray(R.array.pasta));setListAdapter(adapter);return super.onCreateView(inflater, container, savedInstanceState);}
}四、创建StoresFragment
这也是一个列表片段没有视图。 新建字符串数组 string-array namestoresitemCambridge/itemitemSebastopol/item/string-array修改StoresFragment.java
package com.hfad.bitsandpizzas;import android.os.Bundle;
import androidx.fragment.app.ListFragment;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ArrayAdapter;public class StoresFragment extends ListFragment {Overridepublic View onCreateView(LayoutInflater inflater, ViewGroup container,Bundle savedInstanceState) {ArrayAdapterString adapter new ArrayAdapter(inflater.getContext(),android.R.layout.simple_list_item_1,getResources().getStringArray(R.array.stores));setListAdapter(adapter);return super.onCreateView(inflater, container, savedInstanceState);}
}五、为MainActivity的布局增加一个视图分页控件
?xml version1.0 encodingutf-8?
LinearLayout xmlns:androidhttp://schemas.android.com/apk/res/androidxmlns:toolshttp://schemas.android.com/toolsandroid:layout_widthmatch_parentandroid:layout_heightmatch_parenttools:context.MainActivityincludelayoutlayout/toolbar_mainandroid:idid/toolbar/androidx.viewpager.widget.ViewPagerandroid:idid/pagerandroid:layout_widthmatch_parentandroid:layout_heightmatch_parent //LinearLayout使用片段分页控件适配器让视图分页控件了解页面 要让一个视图分页控件在它的各个页面上显示一个片段需要提供两个主要信息有多少个页面以及各个页面上要显示哪个片段。为此要创建一个片段分页控件适配器并把它增加到活动代码中。 片段分页控件适配器是专门为视图分页控件中的页面增加片段的一种适配器类型。 在MainActivity中增加片段分页控件适配器
package com.hfad.bitsandpizzas;import androidx.annotation.NonNull;
import androidx.appcompat.app.AppCompatActivity;
import androidx.appcompat.widget.ShareActionProvider;
import androidx.appcompat.widget.Toolbar;
import androidx.core.view.MenuItemCompat;
import androidx.fragment.app.Fragment;
import androidx.fragment.app.FragmentManager;
import androidx.fragment.app.FragmentPagerAdapter;
import androidx.viewpager.widget.ViewPager;import android.content.Intent;
import android.os.Bundle;
import android.view.Menu;
import android.view.MenuItem;public class MainActivity extends AppCompatActivity {//增加一个ShareActionProvider私有变量private ShareActionProvider shareActionProvider;Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);//设置工具条为活动的应用条Toolbar toolbar (Toolbar) findViewById(R.id.toolbar);setSupportActionBar(toolbar);SectionsPagerAdapter pagerAdapter new SectionsPagerAdapter(getSupportFragmentManager());ViewPager pager (ViewPager) findViewById(R.id.pager);pager.setAdapter(pagerAdapter);}private void setShareActionIntent(String text) {//创建一个意图使用共享动作提供者的setShareIntent()方法来传递这个意图Intent intent new Intent(Intent.ACTION_SEND);intent.setType(text/plain);intent.putExtra(Intent.EXTRA_TEXT, text);shareActionProvider.setShareIntent(intent);}Override//将菜单资源文件增加到应用条public boolean onCreateOptionsMenu(Menu menu) {getMenuInflater().inflate(R.menu.menu_main, menu);//得到共享动作提供者的一个引用并赋给这个私有变量。然后调用setShareActionIntent这个方法MenuItem menuItem menu.findItem(R.id.action_share);shareActionProvider (ShareActionProvider) MenuItemCompat.getActionProvider(menuItem);setShareActionIntent(Want to join me for pizza?);//所有onCreateOptionsMenu方法基本上都是这样的return super.onCreateOptionsMenu(menu);}Overridepublic boolean onOptionsItemSelected(MenuItem item) {if (item.getItemId() R.id.action_create_order){Intent intent new Intent(this, OrderActivity.class);startActivity(intent);return true;}else {return super.onOptionsItemSelected(item);}}private class SectionsPagerAdapter extends FragmentPagerAdapter {public SectionsPagerAdapter(NonNull FragmentManager fm) {super(fm);}Overridepublic int getCount() {return 4;}NonNullOverridepublic Fragment getItem(int position) {switch (position) {case 0:return new TopFragment();case 1:return new PizzaFragment();case 2:return new PastaFragment();case 3:return new StoresFragment();}return null;}}
}六、为Main标签增加标签页导航
使用标签页时要把标签页增加到布局然后编写活动代码将这些标签页关联到视图分页控件。 更新activity_main布局。
?xml version1.0 encodingutf-8?
LinearLayout xmlns:androidhttp://schemas.android.com/apk/res/androidxmlns:toolshttp://schemas.android.com/toolsandroid:layout_widthmatch_parentandroid:layout_heightmatch_parenttools:context.MainActivityandroid:orientationverticalcom.google.android.material.appbar.AppBarLayoutandroid:layout_widthmatch_parentandroid:layout_heightwrap_contentandroid:themestyle/ThemeOverlay.AppCompat.Dark.ActionBar androidx.appcompat.widget.Toolbarandroid:idid/toolbarandroid:layout_widthmatch_parentandroid:layout_height?attr/actionBarSize /com.google.android.material.tabs.TabLayoutandroid:idid/tabsandroid:layout_widthmatch_parentandroid:layout_heightwrap_content//com.google.android.material.appbar.AppBarLayoutandroidx.viewpager.widget.ViewPagerandroid:idid/pagerandroid:layout_widthmatch_parentandroid:layout_heightmatch_parent //LinearLayout增加四个字符串资源 string namehome_tabHome/stringstring namepizza_tabPizzas/stringstring namepasta_tabPasta/stringstring namestore_tabStores/string更新MainActivity.java
package com.hfad.bitsandpizzas;import androidx.annotation.NonNull;
import androidx.appcompat.app.AppCompatActivity;
import androidx.appcompat.widget.ShareActionProvider;
import androidx.appcompat.widget.Toolbar;
import androidx.core.view.MenuItemCompat;
import androidx.fragment.app.Fragment;
import androidx.fragment.app.FragmentManager;
import androidx.fragment.app.FragmentPagerAdapter;
import androidx.viewpager.widget.ViewPager;import android.content.Intent;
import android.os.Bundle;
import android.view.Menu;
import android.view.MenuItem;import com.google.android.material.tabs.TabLayout;public class MainActivity extends AppCompatActivity {//增加一个ShareActionProvider私有变量private ShareActionProvider shareActionProvider;Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);//设置工具条为活动的应用条Toolbar toolbar (Toolbar) findViewById(R.id.toolbar);setSupportActionBar(toolbar);SectionsPagerAdapter pagerAdapter new SectionsPagerAdapter(getSupportFragmentManager());ViewPager pager (ViewPager) findViewById(R.id.pager);pager.setAdapter(pagerAdapter);TabLayout tabLayout (TabLayout) findViewById(R.id.tabs);tabLayout.setupWithViewPager(pager);}private void setShareActionIntent(String text) {//创建一个意图使用共享动作提供者的setShareIntent()方法来传递这个意图Intent intent new Intent(Intent.ACTION_SEND);intent.setType(text/plain);intent.putExtra(Intent.EXTRA_TEXT, text);shareActionProvider.setShareIntent(intent);}Override//将菜单资源文件增加到应用条public boolean onCreateOptionsMenu(Menu menu) {getMenuInflater().inflate(R.menu.menu_main, menu);//得到共享动作提供者的一个引用并赋给这个私有变量。然后调用setShareActionIntent这个方法MenuItem menuItem menu.findItem(R.id.action_share);shareActionProvider (ShareActionProvider) MenuItemCompat.getActionProvider(menuItem);setShareActionIntent(Want to join me for pizza?);//所有onCreateOptionsMenu方法基本上都是这样的return super.onCreateOptionsMenu(menu);}Overridepublic boolean onOptionsItemSelected(MenuItem item) {if (item.getItemId() R.id.action_create_order){Intent intent new Intent(this, OrderActivity.class);startActivity(intent);return true;}else {return super.onOptionsItemSelected(item);}}private class SectionsPagerAdapter extends FragmentPagerAdapter {public SectionsPagerAdapter(NonNull FragmentManager fm) {super(fm);}Overridepublic int getCount() {return 4;}NonNullOverridepublic Fragment getItem(int position) {switch (position) {case 0:return new TopFragment();case 1:return new PizzaFragment();case 2:return new PastaFragment();case 3:return new StoresFragment();}return null;}public CharSequence getPageTitle(int position) {switch (position) {case 0:return getResources().getText(R.string.home_tab);case 1:return getResources().getText(R.string.pizza_tab);case 2:return getResources().getText(R.string.pasta_tab);case 3:return getResources().getText(R.string.store_tab);}return null;}}
}试一试 效果如图并可以左右滑动切换标签。
