Material Icons

Overview

Material Icons are the patterns of icons created by Google - Material Design. They are designed to be used in your Web/iOS/Android projects. Material Icons are available in a wide variety of densities and sizes, with more than 900 icons, as well as being Open Code.

To use the icons, import the MaterialIcons class:

import totalcross.ui.icon.MaterialIcons; Icon icon = new Icon(MaterialIcons.values());

Source Code

MaterialIconSample.java

import totalcross.sys.Settings;
import totalcross.ui.Container;
import totalcross.ui.MainWindow;
import totalcross.ui.icon.Icon;
import totalcross.ui.icon.MaterialIcons;

public class MaterialIconSample extends MainWindow {

	public MaterialIconSample() {
		setUIStyle(Settings.MATERIAL_UI);
		Settings.uiAdjustmentsBasedOnFontHeight = true;
	}

	public void initUI() {
		final int ICON_WIDTH = 64;

		int cols = (int) (Math.min(Settings.screenWidth, Settings.screenHeight)
				/ (ICON_WIDTH * Settings.screenDensity));
		Container c = new Container() {
			@Override
			public void initUI() {
				for (int i = 0, j = 0; i < MaterialIcons.values().length; i++, j++) {
					Icon icon = new Icon(MaterialIcons.values()[i]);
					icon.setFont(icon.getFont().adjustedBy(10));
					add(icon, (j % cols) == 0 ? LEFT : AFTER, (j % cols) == 0 ? AFTER : SAME, PARENTSIZE + (100 / cols),
							DP + ICON_WIDTH);
				}
				resizeHeight();
			}
		};
		add(c, CENTER, TOP + 100, (int) (cols * ICON_WIDTH * Settings.screenDensity), WILL_RESIZE);
	}

References

• Learn more about Material Design with our Blog Post.

• Learn more about how Material Icons works.

• See the TotalCross JavaDocs for more information.