Menu
For example, in Google Play, each item in the lists had a 3 vertical dots in the right top corner to show a popup menu. What is the best way to create this 3 dots ?
Thank you so much guys!
334
Right-click res folder and create a new Resource Directory of type menu. Right-click the menu directory and create a new resource file. From there you can drag and drop a menu item from the XML design. That should give you the 3 dots.
Noun. The character "⋮". An ellipsis (three dots) vertically aligned. It is sometimes used to communicate the continuation of a list vertically as opposed to horizontally.
Ellipsis = “More actions” More and more apps are now using a midline ellipsis (⋯) to indicate a menu with more actions. It basically means “Hey, there's more stuff you can do here.” In many Android apps, you'll often see a vertical ellipsis (⋮) to mean the same thing.
An indication of more notifications. Screenshot an example, the top shows a dot, where I deleted two notifications to get rid of the dot, which indicates an overflow of notifications in the bar itself. Had more notifications than two extra, the dots would have increased showing that there were even more in the queue.
This post is old, yes, but I've figured another way to include these dots without adding more graphics: use the vertical ellipsis, here's the string resource for whoever wants it:
<string name="vertical_ellipsis">⋮</string> And then you can use it on a button as text.
154
for the 3-dots icon, you can find it either in the SDK, under ".../android-sdk\platforms\android-19\data\res..." , named "ic_menu_moreoverflow_normal_holo_light" or "ic_menu_moreoverflow_normal_holo_dark" , depending on the style of your app. note that it has multiple files on multiple folders, to allow correct selection of the images, according to the state of the button and the density of the device.
Update: you can also find it here (search for "more") and here (inside "navigation", search for "more_vert") .
I recommend the second one if you support VectorDrawable.
Update: currently the newest file is abc_ic_menu_overflow_material.xml VectorDrawable, which has this content:
<vector xmlns:android="http://schemas.android.com/apk/res/android" android:width="24dp" android:height="24dp" android:viewportWidth="24.0" android:viewportHeight="24.0" android:tint="?attr/colorControlNormal"> <path android:pathData="M12,8c1.1,0 2,-0.9 2,-2s-0.9,-2 -2,-2c-1.1,0 -2,0.9 -2,2S10.9,8 12,8zM12,10c-1.1,0 -2,0.9 -2,2s0.9,2 2,2c1.1,0 2,-0.9 2,-2S13.1,10 12,10zM12,16c-1.1,0 -2,0.9 -2,2s0.9,2 2,2c1.1,0 2,-0.9 2,-2S13.1,16 12,16z" android:fillColor="@android:color/white"/> </vector> If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
