SlidingTabsColors / src / com.example.android.slidingtabscolors /

SlidingTabsColorsFragment.java

1
/*
2
 * Copyright 2013 The Android Open Source Project
3
 *
4
 * Licensed under the Apache License, Version 2.0 (the "License");
5
 * you may not use this file except in compliance with the License.
6
 * You may obtain a copy of the License at
7
 *
8
 *       http://www.apache.org/licenses/LICENSE-2.0
9
 *
10
 * Unless required by applicable law or agreed to in writing, software
11
 * distributed under the License is distributed on an "AS IS" BASIS,
12
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13
 * See the License for the specific language governing permissions and
14
 * limitations under the License.
15
 */
16
 
17
package com.example.android.slidingtabscolors;
18
 
19
import com.example.android.common.view.SlidingTabLayout;
20
 
21
import android.graphics.Color;
22
import android.os.Bundle;
23
import android.support.v4.app.Fragment;
24
import android.support.v4.app.FragmentManager;
25
import android.support.v4.app.FragmentPagerAdapter;
26
import android.support.v4.view.ViewPager;
27
import android.view.LayoutInflater;
28
import android.view.View;
29
import android.view.ViewGroup;
30
 
31
import java.util.ArrayList;
32
import java.util.List;
33
 
34
/**
35
 * A basic sample which shows how to use {@link com.example.android.common.view.SlidingTabLayout}
36
 * to display a custom {@link ViewPager} title strip which gives continuous feedback to the user
37
 * when scrolling.
38
 */
39
public class SlidingTabsColorsFragment extends Fragment {
40
 
41
    /**
42
     * This class represents a tab to be displayed by {@link ViewPager} and it's associated
43
     * {@link SlidingTabLayout}.
44
     */
45
    static class SamplePagerItem {
46
        private final CharSequence mTitle;
47
        private final int mIndicatorColor;
48
        private final int mDividerColor;
49
 
50
        SamplePagerItem(CharSequence title, int indicatorColor, int dividerColor) {
51
            mTitle = title;
52
            mIndicatorColor = indicatorColor;
53
            mDividerColor = dividerColor;
54
        }
55
 
56
        /**
57
         * @return A new {@link Fragment} to be displayed by a {@link ViewPager}
58
         */
59
        Fragment createFragment() {
60
            return ContentFragment.newInstance(mTitle, mIndicatorColor, mDividerColor);
61
        }
62
 
63
        /**
64
         * @return the title which represents this tab. In this sample this is used directly by
65
         * {@link android.support.v4.view.PagerAdapter#getPageTitle(int)}
66
         */
67
        CharSequence getTitle() {
68
            return mTitle;
69
        }
70
 
71
        /**
72
         * @return the color to be used for indicator on the {@link SlidingTabLayout}
73
         */
74
        int getIndicatorColor() {
75
            return mIndicatorColor;
76
        }
77
 
78
        /**
79
         * @return the color to be used for right divider on the {@link SlidingTabLayout}
80
         */
81
        int getDividerColor() {
82
            return mDividerColor;
83
        }
84
    }
85
 
86
    static final String LOG_TAG = "SlidingTabsColorsFragment";
87
 
88
    /**
89
     * A custom {@link ViewPager} title strip which looks much like Tabs present in Android v4.0 and
90
     * above, but is designed to give continuous feedback to the user when scrolling.
91
     */
92
    private SlidingTabLayout mSlidingTabLayout;
93
 
94
    /**
95
     * A {@link ViewPager} which will be used in conjunction with the {@link SlidingTabLayout} above.
96
     */
97
    private ViewPager mViewPager;
98
 
99
    /**
100
     * List of {@link SamplePagerItem} which represent this sample's tabs.
101
     */
102
    private List<SamplePagerItem> mTabs = new ArrayList<SamplePagerItem>();
103
 
104
    @Override
105
    public void onCreate(Bundle savedInstanceState) {
106
        super.onCreate(savedInstanceState);
107
 
109
        /**
110
         * Populate our tab list with tabs. Each item contains a title, indicator color and divider
111
         * color, which are used by {@link SlidingTabLayout}.
112
         */
113
        mTabs.add(new SamplePagerItem(
114
                getString(R.string.tab_stream), // Title
115
                Color.BLUE, // Indicator color
116
                Color.GRAY // Divider color
117
        ));
118
 
119
        mTabs.add(new SamplePagerItem(
120
                getString(R.string.tab_messages), // Title
121
                Color.RED, // Indicator color
122
                Color.GRAY // Divider color
123
        ));
124
 
125
        mTabs.add(new SamplePagerItem(
126
                getString(R.string.tab_photos), // Title
127
                Color.YELLOW, // Indicator color
128
                Color.GRAY // Divider color
129
        ));
130
 
131
        mTabs.add(new SamplePagerItem(
132
                getString(R.string.tab_notifications), // Title
133
                Color.GREEN, // Indicator color
134
                Color.GRAY // Divider color
135
        ));
137
    }
138
 
139
    /**
140
     * Inflates the {@link View} which will be displayed by this {@link Fragment}, from the app's
141
     * resources.
142
     */
143
    @Override
144
    public View onCreateView(LayoutInflater inflater, ViewGroup container,
145
            Bundle savedInstanceState) {
146
        return inflater.inflate(R.layout.fragment_sample, container, false);
147
    }
148
 
150
    /**
151
     * This is called after the {@link #onCreateView(LayoutInflater, ViewGroup, Bundle)} has finished.
152
     * Here we can pick out the {@link View}s we need to configure from the content view.
153
     *
154
     * We set the {@link ViewPager}'s adapter to be an instance of
155
     * {@link SampleFragmentPagerAdapter}. The {@link SlidingTabLayout} is then given the
156
     * {@link ViewPager} so that it can populate itself.
157
     *
158
     * @param view View created in {@link #onCreateView(LayoutInflater, ViewGroup, Bundle)}
159
     */
160
    @Override
161
    public void onViewCreated(View view, Bundle savedInstanceState) {
163
        // Get the ViewPager and set it's PagerAdapter so that it can display items
164
        mViewPager = (ViewPager) view.findViewById(R.id.viewpager);
165
        mViewPager.setAdapter(new SampleFragmentPagerAdapter(getChildFragmentManager()));
167
 
169
        // Give the SlidingTabLayout the ViewPager, this must be done AFTER the ViewPager has had
170
        // it's PagerAdapter set.
171
        mSlidingTabLayout = (SlidingTabLayout) view.findViewById(R.id.sliding_tabs);
172
        mSlidingTabLayout.setViewPager(mViewPager);
173
 
175
        // Set a TabColorizer to customize the indicator and divider colors. Here we just retrieve
176
        // the tab at the position, and return it's set color
177
        mSlidingTabLayout.setCustomTabColorizer(new SlidingTabLayout.TabColorizer() {
178
 
179
            @Override
180
            public int getIndicatorColor(int position) {
181
                return mTabs.get(position).getIndicatorColor();
182
            }
183
 
184
            @Override
185
            public int getDividerColor(int position) {
186
                return mTabs.get(position).getDividerColor();
187
            }
188
 
189
        });
192
    }
194
 
195
    /**
196
     * The {@link FragmentPagerAdapter} used to display pages in this sample. The individual pages
197
     * are instances of {@link ContentFragment} which just display three lines of text. Each page is
198
     * created by the relevant {@link SamplePagerItem} for the requested position.
199
     * <p>
200
     * The important section of this class is the {@link #getPageTitle(int)} method which controls
201
     * what is displayed in the {@link SlidingTabLayout}.
202
     */
203
    class SampleFragmentPagerAdapter extends FragmentPagerAdapter {
204
 
205
        SampleFragmentPagerAdapter(FragmentManager fm) {
206
            super(fm);
207
        }
208
 
209
        /**
210
         * Return the {@link android.support.v4.app.Fragment} to be displayed at {@code position}.
211
         * <p>
212
         * Here we return the value returned from {@link SamplePagerItem#createFragment()}.
213
         */
214
        @Override
215
        public Fragment getItem(int i) {
216
            return mTabs.get(i).createFragment();
217
        }
218
 
219
        @Override
220
        public int getCount() {
221
            return mTabs.size();
222
        }
223
 
225
        /**
226
         * Return the title of the item at {@code position}. This is important as what this method
227
         * returns is what is displayed in the {@link SlidingTabLayout}.
228
         * <p>
229
         * Here we return the value returned from {@link SamplePagerItem#getTitle()}.
230
         */
231
        @Override
232
        public CharSequence getPageTitle(int position) {
233
            return mTabs.get(position).getTitle();
234
        }
236
 
237
    }
238
 
239
}