2

在此处输入图像描述

我正在编写一个程序,在该程序中我使用 Fragments 来处理选项卡,但我的 UI 需要进行一些更改

我需要对我的UI进行一些更改,小 5 个问题:

问题1:如何更改标题栏的背景颜色(我想要红色)

问题2:如何更改标签的背景颜色(我想要灰色)

问题 3:如何更改所选标签的颜色(我想要 RED)

问题 4:如何在选项卡中的文本上方显示图标

问题5:如何在右侧的标题栏上放置分享按钮

清单.xml:

<application
        android:allowBackup="true"
        android:icon="@drawable/ic_launcher"
        android:label="@string/app_name"
        android:theme="@style/AppTheme" >
        <activity
            android:name="com.example.test.MainActivity"
            android:label="@string/app_name" >
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />

                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>
    </application>

MainActivity.java:

 public class MainActivity extends FragmentActivity {

        ViewPager ViewPager;
        TabsAdapter TabsAdapter;

        /** Called when the activity is first created. */
        @Override
        public void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);         

            //create a new ViewPager and set to the pager we have created in Ids.xml
            ViewPager = new ViewPager(this);
            ViewPager.setId(R.id.pager);
            setContentView(ViewPager);


            //Create a new Action bar and set title to strings.xml
            final ActionBar bar = getActionBar();
            bar.setNavigationMode(ActionBar.NAVIGATION_MODE_TABS);
            bar.setTitle(R.string.app_name);

            //Attach the Tabs to the fragment classes and set the tab title.
            TabsAdapter = new TabsAdapter(this, ViewPager);

            TabsAdapter.addTab(bar.newTab().setText("About"),
                    FragAbout.class, null);
            TabsAdapter.addTab(bar.newTab().setText("Location"),
                    FragLocation.class, null);
            TabsAdapter.addTab(bar.newTab().setText("Menus"),
                    FragMenus.class, null);
            TabsAdapter.addTab(bar.newTab().setText("Reservation"),
                    FragReservation.class, null);
            TabsAdapter.addTab(bar.newTab().setText("Social"),
                    FragSocial.class, null);

            if (savedInstanceState != null) {
                bar.setSelectedNavigationItem(savedInstanceState.getInt("tab", 0));
            }

        }

        @Override
        protected void onSaveInstanceState(Bundle outState) {
            super.onSaveInstanceState(outState);
            outState.putInt("tab", getActionBar().getSelectedNavigationIndex());
        }

        // create TabsAdapter to create tabs and behavior
        public static class TabsAdapter extends FragmentPagerAdapter
        implements ActionBar.TabListener, ViewPager.OnPageChangeListener {

            private final Context mContext;
            private final ActionBar mActionBar;
            private final ViewPager mViewPager;
            private final ArrayList<TabInfo> mTabs = new ArrayList<TabInfo>();

            static final class TabInfo {
                private final Class<?> clss;
                private final Bundle args;

                TabInfo(Class<?> _class, Bundle _args) {
                    clss = _class;
                    args = _args;
                }
            }

            public TabsAdapter(FragmentActivity activity, ViewPager pager) {
                super(activity.getSupportFragmentManager());
                mContext = activity;
                mActionBar = activity.getActionBar();
                mViewPager = pager;
                mViewPager.setAdapter(this);
                mViewPager.setOnPageChangeListener(this);
            }

            public void addTab(ActionBar.Tab tab, Class<?> clss, Bundle args) {
                TabInfo info = new TabInfo(clss, args);
                tab.setTag(info);
                tab.setTabListener(this);
                mTabs.add(info);
                mActionBar.addTab(tab);
                notifyDataSetChanged();             
            }

            @Override
            public void onPageScrollStateChanged(int state) {
                // TODO Auto-generated method stub
            }

            @Override
            public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {
                // TODO Auto-generated method stub
            }   

            @Override
            public void onPageSelected(int position) {
                // TODO Auto-generated method stub
                mActionBar.setSelectedNavigationItem(position);
            }

            @Override
            public void onTabReselected(Tab tab, FragmentTransaction ft) {
                // TODO Auto-generated method stub
            }

            @Override
            public void onTabSelected(Tab tab, FragmentTransaction ft) {
                Object tag = tab.getTag();
                for (int i=0; i<mTabs.size(); i++) {
                    if (mTabs.get(i) == tag) {
                        mViewPager.setCurrentItem(i);
                    }
                }
            }

            @Override
            public void onTabUnselected(Tab tab, FragmentTransaction ft) {
                // TODO Auto-generated method stub
            }

            @Override
            public Fragment getItem(int position) {
                TabInfo info = mTabs.get(position);
                return Fragment.instantiate(mContext, info.clss.getName(), info.args);
            }

            @Override
            public int getCount() {
                return mTabs.size();
            }

        }

FragAbout.java:

public class FragAbout extends Fragment {

        @Override
        public View onCreateView(LayoutInflater inflater, ViewGroup container,
                Bundle savedInstanceState) {

            View myFragmentView = inflater.inflate(R.layout.frag_about, container, false);
            return myFragmentView;

    } 

}
4

3 回答 3

1

我想你已经得到了答案,这就是你开发这个的原因:

https://stackoverflow.com/questions/19000981/actionbarsherlock-swapping-tabs-using-viewpager

无论如何,如果您仍在寻找答案,那么

我真的建议您使用ActionBarStyleGenerator

http://jgilfelt.github.io/android-actionbarstylegenerator/

使用该工具,您可以轻松地为工具栏中的图形元素设置主题。

于 2013-10-22T04:17:42.690 回答
1

将此用于质量检查:2,3,4

在drawble文件夹中创建xml(tab1)

<?xml version="1.0" encoding="utf-8"?>
 <selector xmlns:android="http://schemas.android.com/apk/res/android">
<!-- When selected, use grey -->
<item android:drawable="@drawable/videos_gray"
      android:state_selected="true" />
<!-- When not selected, use white-->
<item android:drawable="@drawable/videos_white" />

并在java文件中使用它

 // Create an actionbar
    ActionBar actionBar = getActionBar();

    // Hide Actionbar Icon
    actionBar.setDisplayShowHomeEnabled(false);

    // Hide Actionbar Title
    actionBar.setDisplayShowTitleEnabled(false);

    // Create Actionbar Tabs
    actionBar.setNavigationMode(ActionBar.NAVIGATION_MODE_TABS);

    // Create first Tab
    tab = actionBar.newTab().setTabListener(new FragmentTab1());
    // Create your own custom icon
    tab.setIcon(R.drawable.tab1);
    actionBar.addTab(tab);

    // Create Second Tab
    tab = actionBar.newTab().setTabListener(new FragmentTab2());
    // Set Tab Title
    tab.setText("Tab2");
    actionBar.addTab(tab);

    // Create Third Tab
    tab = actionBar.newTab().setTabListener(new FragmentTab3());
    // Set Tab Title
    tab.setText("Tab3");
    actionBar.addTab(tab);
于 2013-09-18T12:56:49.907 回答
0

Q.1 的回答:您可以创建一个新布局并将其高度设置为所需的“dp”并将该布局的背景更改为红色(为此使用资源 - 最好使用颜色代码定义颜色或使用红色引入图像背景)。这不涉及使用片段。

Q.5 的答案:

如果您如上所述使用我的选项,请使用 RelatieLayout 作为标题栏。然后将您想要的按钮放在最右侧。(使用重力或手动拖动或 android:layout_alignParentRight="true" - 无论您想要哪种方式)

不能说其他问题。希望这可以帮助

其他一些链接:

如何更改 Android 选项卡小部件的背景?

于 2013-09-18T12:41:32.977 回答