Android Support V7官方Demo概览（二）

本文介绍了Support V7中DayNight在Activity及Dialog上的使用、AlertDialog、Dialog、AppCompatDialogFragment、AnimatedVectorDrawable、ListPopupWindow、PopupMenu、Toolbar、Buttons、Spinners、Text Input等组件的使用。

DayNight 之 Activity Usage

演示了Activity使用Theme.AppCompat.DayNight的常见用法。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
public void setModeNightNo(View view) {
    getDelegate().setLocalNightMode(AppCompatDelegate.MODE_NIGHT_NO);
    recreate();
}

public void setModeNightYes(View view) {
    getDelegate().setLocalNightMode(AppCompatDelegate.MODE_NIGHT_YES);
    recreate();
}

public void setModeNightAuto(View view) {
    getDelegate().setLocalNightMode(AppCompatDelegate.MODE_NIGHT_AUTO);
    recreate();
}

DayNight 之 AlertDialog Usage

演示了AlertDialog使用Theme.AppCompat.DayNight的常见用法。

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
public void setModeNightNo(View view) {
    AlertDialog dialog = createAlertDialog();
    dialog.getDelegate().setLocalNightMode(AppCompatDelegate.MODE_NIGHT_NO);
    dialog.show();
}

public void setModeNightYes(View view) {
    AlertDialog dialog = createAlertDialog();
    dialog.getDelegate().setLocalNightMode(AppCompatDelegate.MODE_NIGHT_YES);
    dialog.show();
}

public void setModeNightAuto(View view) {
    AlertDialog dialog = createAlertDialog();
    dialog.getDelegate().setLocalNightMode(AppCompatDelegate.MODE_NIGHT_AUTO);
    dialog.show();
}

private AlertDialog createAlertDialog() {
    AlertDialog.Builder b = new AlertDialog.Builder(this,
            R.style.Theme_AppCompat_DayNight_Dialog_Alert);
    b.setTitle(R.string.dialog_title);
    b.setMessage(R.string.dialog_content);
    return b.create();
}

DayNight 之 Dialog Usage

演示了Dialog使用Theme.AppCompat.DayNight的常见用法。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
public void setModeNightNo(View view) {
    AppCompatDialog dialog = new AppCompatDialog(this, R.style.Theme_AppCompat_DayNight_Dialog);
    dialog.getDelegate().setLocalNightMode(AppCompatDelegate.MODE_NIGHT_NO);
    dialog.setTitle(R.string.dialog_title);
    dialog.setContentView(R.layout.dialog_content);
    dialog.show();
}

public void setModeNightYes(View view) {
    AppCompatDialog dialog = new AppCompatDialog(this, R.style.Theme_AppCompat_DayNight_Dialog);
    dialog.getDelegate().setLocalNightMode(AppCompatDelegate.MODE_NIGHT_YES);
    dialog.setTitle(R.string.dialog_title);
    dialog.setContentView(R.layout.dialog_content);
    dialog.show();
}

public void setModeNightAuto(View view) {
    AppCompatDialog dialog = new AppCompatDialog(this, R.style.Theme_AppCompat_DayNight_Dialog);
    dialog.getDelegate().setLocalNightMode(AppCompatDelegate.MODE_NIGHT_AUTO);
    dialog.setTitle(R.string.dialog_title);
    dialog.setContentView(R.layout.dialog_content);
    dialog.show();
}

AlertDialog Usage

演示了AppCompat的AlertDialog常见用法。

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
private void showSimpleDialog() {
    AlertDialog.Builder b = new AlertDialog.Builder(this);
    b.setTitle(R.string.dialog_title);
    b.setMessage(R.string.dialog_content);
    b.show();
}

private void showSimpleButtonsDialog() {
    AlertDialog.Builder b = new AlertDialog.Builder(this);
    b.setTitle(R.string.dialog_title);
    b.setMessage(R.string.dialog_content);
    b.setNegativeButton("-ve", null);
    b.setPositiveButton("+ve", null);
    b.show();
}

private void showSingleChoiceDialog() {
    AlertDialog.Builder b = new AlertDialog.Builder(this);
    b.setTitle(R.string.dialog_title);
    b.setSingleChoiceItems(Cheeses.sCheeseStrings, 0, null);
    b.setPositiveButton("OK", null);
    b.show();
}

private void showMultiChoiceDialog() {
    AlertDialog.Builder b = new AlertDialog.Builder(this);
    b.setTitle(R.string.dialog_title);
    b.setMultiChoiceItems(Cheeses.sCheeseStrings, null, null);
    b.setPositiveButton("OK", null);
    b.show();
}

Dialog Usage

演示了AppCompatDialog的常见用法。

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
private void showSimpleDialog() {
    Dialog dialog = new AppCompatDialog(this);
    dialog.setTitle(R.string.dialog_title);
    dialog.setContentView(R.layout.dialog_content);
    dialog.show();
}

private void showButtonBarDialog() {
    Dialog dialog = new AppCompatDialog(this);
    dialog.setTitle(R.string.dialog_title);
    dialog.setContentView(R.layout.dialog_content_buttons);
    dialog.show();
}

/**
 * A simple {@link android.support.v7.app.AppCompatDialog} implementation which
 * inflates some items into it's options menu, and shows a toast when one is selected.
 */
private class MenuDialog extends AppCompatDialog {

    public MenuDialog(Context context) {
        super(context);
    }

    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        getMenuInflater().inflate(R.menu.actions, menu);
        return true;
    }

    @Override
    public boolean onOptionsItemSelected(MenuItem item) {
        Toast.makeText(getOwnerActivity(), "Dialog action selected: " + item.getTitle(),
                Toast.LENGTH_SHORT).show();
        return true;
    }
}

DialogFragment Usage

演示了AppCompatDialogFragment的常见用法。

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
private void showSimpleDialog() {
    MenuDialogFragment fragment = MenuDialogFragment.create(R.layout.dialog_content);
    fragment.show(getSupportFragmentManager(), null);
}

private void showButtonBarDialog() {
    MenuDialogFragment fragment = MenuDialogFragment.create(R.layout.dialog_content_buttons);
    fragment.show(getSupportFragmentManager(), null);
}

/**
 * A simple {@link AppCompatDialog} implementation which
 * inflates some items into it's options menu, and shows a toast when one is selected.
 */
public static class MenuDialogFragment extends AppCompatDialogFragment {

    private static final String PARAM_CONTENT_VIEW = "content_view";

    static MenuDialogFragment create(int contentView) {
        Bundle b = new Bundle();
        b.putInt(PARAM_CONTENT_VIEW, contentView);

        MenuDialogFragment fragment = new MenuDialogFragment();
        fragment.setArguments(b);

        return fragment;
    }

    @Override
    public void onCreate(@Nullable Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setHasOptionsMenu(true);
    }

    @Nullable
    @Override
    public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container,
            @Nullable Bundle savedInstanceState) {
        Bundle args = getArguments();
        int contentView = args.getInt(PARAM_CONTENT_VIEW);
        return inflater.inflate(contentView, container, false);
    }

    @Override
    public void onCreateOptionsMenu(Menu menu, MenuInflater inflater) {
        inflater.inflate(R.menu.actions, menu);
    }

    @Override
    public boolean onOptionsItemSelected(MenuItem item) {
        Toast.makeText(getActivity(), "Dialog action selected: " + item.getTitle(),
                Toast.LENGTH_SHORT).show();
        return true;
    }
}

AnimatedVectorDrawable

1
2
3
4
5
6
7
final ImageView imageView = (ImageView) findViewById(R.id.vector_image);
if (imageView != null) {
    final Drawable src = imageView.getDrawable();
    if (src instanceof Animatable) {
        ((Animatable) src).start();
    }
}

vector_image

1
2
3
4
5
<ImageView android:id="@+id/vector_image"
           android:layout_width="wrap_content"
           android:layout_height="wrap_content"
           android:layout_gravity="center"
           app:srcCompat="@drawable/animation_vector_drawable_grouping_1"/>

animation_vector_drawable_grouping_1.xml

1
2
3
4
5
6
7
8
9
10
11
<animated-vector xmlns:android="http://schemas.android.com/apk/res/android"
                 android:drawable="@drawable/vector_drawable_grouping_1">

    <target
            android:name="sun"
            android:animation="@anim/animation_grouping_1_01"/>
    <target
            android:name="earth"
            android:animation="@anim/animation_grouping_1_01"/>

</animated-vector>

vector_drawable_grouping_1.xml

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
<vector xmlns:android="http://schemas.android.com/apk/res/android"
        android:height="256dp"
        android:width="256dp"
        android:viewportHeight="256"
        android:viewportWidth="256">

    <group
            android:name="shape_layer_1"
            android:translateX="128"
            android:translateY="128">
        <group android:name="sun">
            <path
                    android:name="ellipse_path_1"
                    android:fillColor="#ffff8000"
                    android:pathData="m -25 0 a 25,25 0 1,0 50,0 a 25,25 0 1,0 -50,0"/>

            <group
                    android:name="earth"
                    android:translateX="75">
                <path
                        android:name="ellipse_path_1_1"
                        android:fillColor="#ff5656ea"
                        android:pathData="m -10 0 a 10,10 0 1,0 20,0 a 10,10 0 1,0 -20,0"/>

                <group
                        android:name="moon"
                        android:translateX="25">
                    <path
                            android:name="ellipse_path_1_2"
                            android:fillColor="#ffadadad"
                            android:pathData="m -5 0 a 5,5 0 1,0 10,0 a 5,5 0 1,0 -10,0"/>
                </group>
            </group>
        </group>
    </group>

</vector>

animation_grouping_1_01.xml

1
2
3
4
5
6
7
8
9
10
<set xmlns:android="http://schemas.android.com/apk/res/android">

    <objectAnimator
            android:duration="2000"
            android:propertyName="rotation"
            android:valueFrom="0"
            android:valueTo="360"
            android:repeatCount="infinite"
            android:interpolator="@android:anim/linear_interpolator"/>
</set>

List popup window

演示了List popup window的使用。

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
private ListPopupWindow mListPopupWindow;

private BaseAdapter mListPopupAdapter;

mListPopupWindow = new ListPopupWindow(mContainer.getContext());

final String[] POPUP_CONTENT =
        new String[] { "Alice", "Bob", "Charlie", "Deirdre", "El" };
mListPopupAdapter = new BaseAdapter() {
    class ViewHolder {
        private TextView title;
        private TextView shortcut;
    }

    @Override
    public int getCount() {
        return POPUP_CONTENT.length;
    }

    @Override
    public Object getItem(int position) {
        return POPUP_CONTENT[position];
    }

    @Override
    public long getItemId(int position) {
        return position;
    }

    @Override
    public View getView(int position, View convertView, ViewGroup parent) {
        if (convertView == null) {
            convertView = LayoutInflater.from(parent.getContext()).inflate(
                    R.layout.abc_popup_menu_item_layout, parent, false);
            ViewHolder viewHolder = new ViewHolder();
            viewHolder.title = (TextView) convertView.findViewById(R.id.title);
            viewHolder.shortcut =
                    (TextView) convertView.findViewById(R.id.shortcut);
            convertView.setTag(viewHolder);
        }

        ViewHolder viewHolder = (ViewHolder) convertView.getTag();
        viewHolder.title.setText(POPUP_CONTENT[position]);
        viewHolder.shortcut.setVisibility(View.GONE);
        return convertView;
    }
};

mListPopupWindow.setAdapter(mListPopupAdapter);
mListPopupWindow.setAnchorView(mButton);

// Register a listener to be notified when an item in our popup window has
// been clicked.
mListPopupWindow.setOnItemClickListener(new AdapterView.OnItemClickListener() {
    @Override
    public void onItemClick(AdapterView<?> parent, View view, int position,
            long id) {
        addToLog("Item #"+ position + " clicked");
        addToLog("Dismissing popup window");
        mListPopupWindow.dismiss();
    }
});

// Register a listener to be notified when our popup window is dismissed.
mListPopupWindow.setOnDismissListener(new PopupWindow.OnDismissListener() {
    @Override
    public void onDismiss() {
        addToLog("Popup window dismissed");
    }
});

// Set popup window modality based on the current checkbox state.
mListPopupWindow.setModal(mIsModal.isChecked());

// and show it
mListPopupWindow.show();

演示了Popup menu的使用。

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
private PopupMenu mPopupMenu;

mPopupMenu = new PopupMenu(mContainer.getContext(), mButton);
final MenuInflater menuInflater = mPopupMenu.getMenuInflater();
menuInflater.inflate(R.menu.popup_menu, mPopupMenu.getMenu());

// Register a listener to be notified when a menu item in our popup menu has
// been clicked.
mPopupMenu.setOnMenuItemClickListener(new PopupMenu.OnMenuItemClickListener() {
    @Override
    public boolean onMenuItemClick(MenuItem item) {
        addToLog("Item '"+ item.getTitle() + "' clicked");
        return true;
    }
});

// Register a listener to be notified when our popup menu is dismissed.
mPopupMenu.setOnDismissListener(new PopupMenu.OnDismissListener() {
    @Override
    public void onDismiss(PopupMenu menu) {
        addToLog("Popup menu dismissed");
    }
});

// Show the popup menu
mPopupMenu.show();

Toolbar Action Mode

演示了用一个Toolbar的action mode的常见用法。

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
<android.support.v7.widget.Toolbar
    android:id="@+id/toolbar"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:minHeight="?actionBarSize"
    android:background="?attr/colorPrimaryDark"/>

Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar);
setSupportActionBar(toolbar);

private void startActionMode() {
    startSupportActionMode(new ActionMode.Callback() {
        @Override
        public boolean onCreateActionMode(ActionMode mode, Menu menu) {
            mode.getMenuInflater().inflate(R.menu.actions, menu);
            return true;
        }

        @Override
        public boolean onPrepareActionMode(ActionMode mode, Menu menu) {
            return false;
        }

        @Override
        public boolean onActionItemClicked(ActionMode mode, MenuItem item) {
            Toast.makeText(ToolbarActionMode.this,
                    "Action Mode item clicked:" + item.getTitle(), Toast.LENGTH_SHORT).show();
            return true;
        }

        @Override
        public void onDestroyActionMode(ActionMode mode) {
        }
    });
}

Toolbar as Action Bar

演示了Toolbar作为Action Bar的常见用法。

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
public class ToolbarUsage extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.toolbar_usage);

        // Retrieve the Toolbar from our content view, and set it as the action bar
        Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar);
        setSupportActionBar(toolbar);
    }

    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        MenuInflater inflater = getMenuInflater();
        inflater.inflate(R.menu.actions, menu);

        // Retrieve the SearchView and plug it into SearchManager
        final SearchView searchView = (SearchView) MenuItemCompat
                .getActionView(menu.findItem(R.id.action_search));

        SearchManager searchManager = (SearchManager) getSystemService(SEARCH_SERVICE);
        searchView.setSearchableInfo(searchManager.getSearchableInfo(getComponentName()));

        return true;
    }

    @Override
    public boolean onOptionsItemSelected(MenuItem item) {
        Toast.makeText(this, "Selected Item: " + item.getTitle(), Toast.LENGTH_SHORT).show();
        return true;
    }

}

Toolbar Display Options

演示了Action Bar各个显示选项flags可以怎样被结合和它们的效果当用在Toolbar提供的Action Bar时。

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
public class ToolbarDisplayOptions extends AppCompatActivity
        implements View.OnClickListener {

    private View mCustomView;
    private ActionBar.LayoutParams mCustomViewLayoutParams;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.toolbar_display_options);

        Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar);
        setSupportActionBar(toolbar);

        findViewById(R.id.toggle_home_as_up).setOnClickListener(this);
        findViewById(R.id.toggle_show_home).setOnClickListener(this);
        findViewById(R.id.toggle_use_logo).setOnClickListener(this);
        findViewById(R.id.toggle_show_title).setOnClickListener(this);
        findViewById(R.id.toggle_show_custom).setOnClickListener(this);
        findViewById(R.id.cycle_custom_gravity).setOnClickListener(this);
        findViewById(R.id.toggle_visibility).setOnClickListener(this);

        // Configure several action bar elements that will be toggled by display options.
        mCustomView = getLayoutInflater().inflate(R.layout.action_bar_display_options_custom, null);
        mCustomViewLayoutParams = new ActionBar.LayoutParams(
                LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT);
    }

    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        getMenuInflater().inflate(R.menu.display_options_actions, menu);
        return true;
    }

    @Override
    public boolean onSupportNavigateUp() {
        finish();
        return true;
    }

    @Override
    public void onClick(View v) {
        final ActionBar bar = getSupportActionBar();
        int flags = 0;
        switch (v.getId()) {
            case R.id.toggle_home_as_up:
                flags = ActionBar.DISPLAY_HOME_AS_UP;
                break;
            case R.id.toggle_show_home:
                flags = ActionBar.DISPLAY_SHOW_HOME;
                break;
            case R.id.toggle_use_logo:
                flags = ActionBar.DISPLAY_USE_LOGO;
                getSupportActionBar().setLogo(R.drawable.ic_media_play);
                break;
            case R.id.toggle_show_title:
                flags = ActionBar.DISPLAY_SHOW_TITLE;
                break;
            case R.id.toggle_show_custom:
                flags = ActionBar.DISPLAY_SHOW_CUSTOM;
                break;
            case R.id.cycle_custom_gravity: {
                ActionBar.LayoutParams lp = mCustomViewLayoutParams;
                int newGravity = 0;
                switch (lp.gravity & Gravity.HORIZONTAL_GRAVITY_MASK) {
                    case Gravity.LEFT:
                        newGravity = Gravity.CENTER_HORIZONTAL;
                        break;
                    case Gravity.CENTER_HORIZONTAL:
                        newGravity = Gravity.RIGHT;
                        break;
                    case Gravity.RIGHT:
                        newGravity = Gravity.LEFT;
                        break;
                }
                lp.gravity = lp.gravity & ~Gravity.HORIZONTAL_GRAVITY_MASK | newGravity;
                bar.setCustomView(mCustomView, lp);
                return;
            }
            case R.id.toggle_visibility:
                if (bar.isShowing()) {
                    bar.hide();
                } else {
                    bar.show();
                }
                return;
        }

        int change = bar.getDisplayOptions() ^ flags;
        bar.setDisplayOptions(change, flags);
    }
}

Toolbar Fragment ViewPager

演示了ViewPager中的Fragment怎样加入到选项菜单。

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
public class ToolbarFragmentPagerMenu extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.toolbar_fragment_pager);

        Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar);
        setSupportActionBar(toolbar);

        ViewPager vp = (ViewPager) findViewById(R.id.viewpager);
        PagerAdapter adapter = new PagerAdapter(getSupportFragmentManager(),
                new MenuFragment(), new Menu2Fragment());
        vp.setAdapter(adapter);
    }

    private static class PagerAdapter extends FragmentPagerAdapter {
        private final List<Fragment> mFragments;

        public PagerAdapter(FragmentManager fm, Fragment... fragments) {
            super(fm);

            mFragments = new ArrayList<Fragment>();
            for (Fragment fragment : fragments) {
                mFragments.add(fragment);
            }
        }

        @Override
        public Fragment getItem(int position) {
            return mFragments.get(position);
        }

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

    /**
     * A fragment that displays a menu.  This fragment happens to not
     * have a UI (it does not implement onCreateView), but it could also
     * have one if it wanted.
     */
    public static class MenuFragment extends Fragment {
        @Override
        public void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
            setHasOptionsMenu(true);
        }

        @Override
        public void onCreateOptionsMenu(Menu menu, MenuInflater inflater) {
            MenuItemCompat.setShowAsAction(menu.add("Menu 1a"), MenuItemCompat.SHOW_AS_ACTION_IF_ROOM);
            MenuItemCompat.setShowAsAction(menu.add("Menu 1b"), MenuItemCompat.SHOW_AS_ACTION_NEVER);
            super.onCreateOptionsMenu(menu, inflater);
        }

        @Override
        public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container,
                @Nullable Bundle savedInstanceState) {
            TextView textView = new TextView(container.getContext());

            textView.setText(getClass().getSimpleName());
            textView.setGravity(Gravity.CENTER);
            textView.setLayoutParams(new ViewGroup.LayoutParams(
                    ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.MATCH_PARENT));

            return textView;
        }

        @Override
        public boolean onOptionsItemSelected(MenuItem item) {
            if (item.getTitle().equals("Menu 1a")) {
                Toast.makeText(getActivity(), "Selected Menu 1a.", Toast.LENGTH_SHORT).show();
                return true;
            }
            if (item.getTitle().equals("Menu 1b")) {
                Toast.makeText(getActivity(), "Selected Menu 1b.", Toast.LENGTH_SHORT).show();
                return true;
            }
            return super.onOptionsItemSelected(item);
        }
    }

    /**
     * Second fragment with 和a menu.
     */
    public static class Menu2Fragment extends Fragment {
        @Override
        public void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
            setHasOptionsMenu(true);
        }

        @Override
        public void onCreateOptionsMenu(Menu menu, MenuInflater inflater) {
            MenuItemCompat.setShowAsAction(menu.add("Menu 2"), MenuItemCompat.SHOW_AS_ACTION_IF_ROOM);
        }

        @Override
        public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container,
                @Nullable Bundle savedInstanceState) {
            TextView textView = new TextView(container.getContext());

            textView.setText(getClass().getSimpleName());
            textView.setGravity(Gravity.CENTER);
            textView.setLayoutParams(new ViewGroup.LayoutParams(
                    ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.MATCH_PARENT));

            return textView;
        }

        @Override
        public boolean onOptionsItemSelected(MenuItem item) {
            if (item.getTitle().equals("Menu 2")) {
                Toast.makeText(getActivity(), "Selected Menu 2.", Toast.LENGTH_SHORT).show();
                return true;
            }
            return false;
        }
    }
}

Buttons

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
<android.support.v7.widget.SwitchCompat
        android:layout_height="wrap_content"
        android:layout_width="wrap_content"
        android:text="Switch"/>

<CheckBox
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="CheckBox"/>

<RadioGroup
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal">

    <RadioButton
            android:id="@+id/radiobutton_1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="RadioButton"/>

    <RadioButton
            android:id="@+id/radiobutton_2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="RadioButton"/>

</RadioGroup>

<Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Button"/>

<Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Button (small)"
        style="@style/Widget.AppCompat.Button.Small"/>

<Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Button (borderless)"
        style="@style/Widget.AppCompat.Button.Borderless"/>

<Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Button (borderless + colored)"
        style="@style/Widget.AppCompat.Button.Borderless.Colored"/>

<RatingBar
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"/>

Spinners

演示了AppCompat中android.widget.Spinner控件的样式。

1
2
3
4
5
6
7
8
9
10
<Spinner
        android:id="@+id/widgets_spinner"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"/>

<Spinner
        android:id="@+id/widgets_spinner_underlined"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        style="@style/Widget.AppCompat.Spinner.Underlined"/>
1
2
3
4
5
6
7
8
// Fetch the Spinners and set an adapter
Spinner spinner = (Spinner) findViewById(R.id.widgets_spinner);
spinner.setAdapter(new ArrayAdapter<>(this,
        R.layout.support_simple_spinner_dropdown_item, Cheeses.sCheeseStrings));

spinner = (Spinner) findViewById(R.id.widgets_spinner_underlined);
spinner.setAdapter(new ArrayAdapter<>(this,
        R.layout.support_simple_spinner_dropdown_item, Cheeses.sCheeseStrings));

Text Input

演示了AppCompat中文本输入控件的样式，例如android.widget.EditText，android.widget.AutoCompleteTextView和android.widget.MultiAutoCompleteTextView。

1
2
3
4
5
6
7
8
9
10
11
12
// Fetch the AutoCompleteTextView and set an adapter
AutoCompleteTextView actv = (AutoCompleteTextView) findViewById(
        R.id.widgets_autocompletetextview);
actv.setAdapter(new ArrayAdapter<>(this,
        android.R.layout.simple_dropdown_item_1line, Cheeses.sCheeseStrings));

// Fetch the MultiAutoCompleteTextView and set an adapter and Tokenizer
MultiAutoCompleteTextView mactv = (MultiAutoCompleteTextView) findViewById(
        R.id.widgets_multiautocompletetextview);
mactv.setTokenizer(new MultiAutoCompleteTextView.CommaTokenizer());
mactv.setAdapter(new ArrayAdapter<>(this,
        android.R.layout.simple_dropdown_item_1line, Cheeses.sCheeseStrings));

从Android SDK目录可找到源码，或从这里下载

扫一扫，分享到微信

微信分享二维码

tag:

    缺失模块。
    1、请确保node版本大于6.2
    2、在博客根目录（注意不是yilia根目录）执行以下命令：
    npm i hexo-generator-json-content --save

    3、在根目录_config.yml里添加配置： 

      jsonContent:
    meta: false
    pages: false
    posts:
      title: true
      date: true
      path: true
      text: false
      raw: false
      content: false
      slug: false
      updated: false
      comments: false
      link: false
      permalink: false
      excerpt: false
      categories: false
      tags: true

Android开发工程师