button | Tech Tips & Tricks

How To Make Buttons In Android Easily. Use Android Button Maker

February 13, 2014 by blogmeister·0 Comments

I wanted to use PNG for my buttons but considering that I suck when it comes to graphics, and I do not have the time to surf and learn how to make one with normal and pressed button states, I was lucky to chance upon the Android Button Maker website.

Now, if you only are into those simple and minimalistic styled buttons, this website will help you easily create buttons without using images. Yes, only XML code is needed.

What’s more, when you want to set something like choosing a color, the results are shown in real time. Even the source code too!

The developer did a very good job with this. There are detailed instructions on how to use the XML files in the layout which can also help developers new to Android.

So I would like to say kudos to his work. The developer who made this definitely helped save me quite a lot of time. If there is some easier and quicker way to make a simple button, why make an image, right? It will only add up to memory consumption too ;).

Visit http://angrytools.com/android/button/

How To Add Button In ListView In Java FX 2

August 22, 2013 by blogmeister·2 Comments

Adding a Button node inside a ListView in Java FX 2 is pretty easy. Create a custom class that extends ListCell and integrate your object within it. See my sample class code.

class ButtonListCell extends ListCell<MyObject> {
    @Override
    public void updateItem(MyObject obj, boolean empty) {
        super.updateItem(obj, empty);
        if (empty) {
            setText(null);
            setGraphic(null);
        } else {
            setText(obj.toString());
            Button butt = new Button();
            butt.setOnAction(new EventHandler<ActionEvent>() {
                @Override
                public void handle(ActionEvent event) {
                    System.out.println("clicked");
                }                            
            });
            setGraphic(butt);
        }
    }
}

class ButtonListCell extends ListCell<MyObject> {

@Override

public void updateItem(MyObject obj, boolean empty) {

super.updateItem(obj, empty);

if (empty) {

setText(null);

setGraphic(null);

} else {

setText(obj.toString());

Button butt = new Button();

butt.setOnAction(new EventHandler<ActionEvent>() {

@Override

public void handle(ActionEvent event) {

System.out.println("clicked");

}

});

setGraphic(butt);

}

Then use the class in the ListView object by doing it like this:

listview.setCellFactory(new Callback<ListView<MyObject>, ListCell>() {
    @Override
    public ListCell call(ListView<MyObject> param) {
        return new ButtonListCell();
    }
});

listview.setCellFactory(new Callback<ListView<MyObject>, ListCell>() {

@Override

public ListCell call(ListView<MyObject> param) {

return new ButtonListCell();

}

});

That’s it! Easy, right?

How To Create Clickable ImageView Or Image Button In Java FX 2

August 11, 2013 by blogmeister·2 Comments

In Swing, an image button is possible by setting the background color of the JButton to transparent and the image will still show its pressed and normal state effect when clicked.

In Java FX 2 however, when you add an image to the Button control and set the background to transparent using -fx-background-color: transparent, you are left with a static image that does not move whenever you click on it.

There is no ready made class in Java FX 2 that does this so the only solution left is to make one. What I did is extend from Button class and simulate the pressed and released effect by changing the padding values whenever a mouse event occurs.

That’s it! It is as simple as that.

public class ImageButton extends Button {
    private final String STYLE_NORMAL = "-fx-background-color: transparent; -fx-padding: 5, 5, 5, 5;";
    private final String STYLE_PRESSED = "-fx-background-color: transparent; -fx-padding: 6 4 4 6;";
    public ImageButton(String imageurl) {
        setGraphic(new ImageView(new Image(getClass().getResourceAsStream(imageurl))));
        setStyle(STYLE_NORMAL);
        setOnMousePressed(new EventHandler<MouseEvent>() {
            @Override
            public void handle(MouseEvent event) {
                setStyle(STYLE_PRESSED);
            }            
        });
        setOnMouseReleased(new EventHandler<MouseEvent>() {
            @Override
            public void handle(MouseEvent event) {
               setStyle(STYLE_NORMAL);
            }            
        });
    }
}

public class ImageButton extends Button {

private final String STYLE_NORMAL = "-fx-background-color: transparent; -fx-padding: 5, 5, 5, 5;";

private final String STYLE_PRESSED = "-fx-background-color: transparent; -fx-padding: 6 4 4 6;";

public ImageButton(String imageurl) {

setGraphic(new ImageView(new Image(getClass().getResourceAsStream(imageurl))));

setStyle(STYLE_NORMAL);

setOnMousePressed(new EventHandler<MouseEvent>() {

@Override

public void handle(MouseEvent event) {

setStyle(STYLE_PRESSED);

}

});

setOnMouseReleased(new EventHandler<MouseEvent>() {

@Override

public void handle(MouseEvent event) {

setStyle(STYLE_NORMAL);

}

});

}

Tech Tips & Tricks

tech tips gadgets programming software

Tag: button

How To Make Buttons In Android Easily. Use Android Button Maker

How To Add Button In ListView In Java FX 2

How To Create Clickable ImageView Or Image Button In Java FX 2