We just finished seeing how the app works.

Now let's see how to create an options menu.

The first step to creating an options menu is to override the onCreate

options menu method.

So let's put our cursor between loadImage and updateSaturation.

And then use Contol+O to override the onCreate options menu method.

This method will be called when the activity is first created, and

gives us access to our app's menu.

Inside this method, we're going to add our items to our menu, and

then return true to tell Android to show our menu.

So lets start by returning true.

And then let's work on adding items to our menu.

In Android, you can add items to a menu by using a menu resource, or

by adding the items in code.

Let's start by adding an item in code, and

then we'll refactor our app to use a menu resource.

First let's create a new menu item variable, named menuItem.

And let's set it equal to menu.add, and in quotes, Next Image.

Now if we run the app,

We can see our next image option in the overflow menu.

Pretty cool.

Whenever you add a new menu item, it's going to be added to the overflow menu.

If you'd like it to show up in the action bar instead,

you need to set the showAsAction property of your menu item.

Back in the code, on the next line, let's call menuItem.setshowAsAction.

And then pass in MenuItem.SHOW_AS_ACTION_ALWAYS.

This way our item will always be shown in the app bar.

Another option we could have picked would be SHOW_AS_ACTION_IF_ROOM.

If you pick the IF_ROOM option,

your item will only be shown if there's enough room in the action bar.

Now that our item will be shown in the action bar, let's add an icon.

But first, let's make sure we have an icon to use.

Over in the project pane, let's right-click on the drawable folder,

And then pick New > Vector Asset.

Then let's click on the icon box, and search for photo.

You can pick whatever icon you'd like, but

I think this Add a photo icon works pretty well.

Once you've got your image, click OK, and then Next, and Finish.

And then back in onCreateOptionsMenu,

let's call menuItem.setIcon, and pass in our icon,

R.drawable.ic_add_a_photo_black_24dp.

Then let's run the app.

And awesome, we've got our icon.

But unfortunately, it looks like it's the wrong color.

Since our icon is a vector drawable, one way to fix this would be just to open

the drawable, And

change the color to white by changing all these 0s to Fs.

However, I think a better solution is to change the color programmatically.

That way, if we ever want to change the color at run time, [LAUGH] it'll be easy.

To do this, we're just going to grab the drawable from our icon, and

use a color filter to turn it white.

So back in MainActivity, right after we set the icon,

Let's add a new line, and then call

menuItem.getIcon, to give us the drawable.

And then .setColorFilter, while passing in Color.WHITE for the color.

And for the mode, let's pass in PorterDuff.Mode.SRC_ATOP.

Meaning that every non-transparent pixel will be changed to while,

giving us a white icon.

And if we run the app, There we go!

Now that we've seen how to add an item in code, let's refactor our code to

use a menu resource instead, which we'll do in the next video.