사용자 삽입 이미지

사용자 삽입 이미지

이런 종이 프로토타이핑을 balsamiq에서 프로그램으로 만들어 쉽게 해볼 수 있다고 합니다. 

사용자 삽입 이미지

사용자 삽입 이미지





참고 : http://xguru.net/blog/499.html

Posted by 밤치

2009/05/19 18:02 2009/05/19 18:02
, ,
Response
No Trackback , a comment
RSS :
http://bamchi.com/blog/rss/response/128

Java로 둥근 모서리 윈도우 만들기

import java.awt.Dimension;
import java.awt.FlowLayout;
import java.awt.Window;
import java.awt.event.ComponentEvent;
import java.awt.event.ComponentListener;
import java.awt.geom.RoundRectangle2D;

import javax.swing.JButton;
import javax.swing.JCheckBox;
import javax.swing.JFrame;
import javax.swing.JProgressBar;
import javax.swing.JRadioButton;
import javax.swing.SwingUtilities;

public class ShapedWindow extends JFrame implements ComponentListener {
	private static final long serialVersionUID = 1L;

	private static RoundRectangle2D.Double shape;
	private static Window w;

	public ShapedWindow() {
		super("Test oval-shaped window");
		this.setLayout(new FlowLayout());
		this.add(new JButton("test"));
		this.add(new JCheckBox("test"));
		this.add(new JRadioButton("test"));
		this.add(new JProgressBar(0, 100));

		this.setSize(new Dimension(400, 300));
		this.setLocationRelativeTo(null);
		this.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);

		this.addComponentListener(this);
	}

	public static void main(String[] args) {
		JFrame.setDefaultLookAndFeelDecorated(true);
		SwingUtilities.invokeLater(new Runnable() {
			@Override
			public void run() {
				w = new ShapedWindow();
				w.setVisible(true);

				shape = new RoundRectangle2D.Double(0, 0, w.getWidth(), w.getHeight(), 20, 20);

				com.sun.awt.AWTUtilities.setWindowShape(w, shape);
			}
		});
	}

	@Override
	public void componentResized(ComponentEvent e) {
		shape.width = w.getWidth();
		shape.height = w.getHeight();
		com.sun.awt.AWTUtilities.setWindowShape(w, shape);
	}

	@Override
	public void componentHidden(ComponentEvent e) {
	}

	@Override
	public void componentMoved(ComponentEvent e) {
	}

	@Override
	public void componentShown(ComponentEvent e) {
	}
}
사용자 삽입 이미지

Posted by 밤치

2009/05/18 14:54 2009/05/18 14:54
,
Response
No Trackback , No Comment
RSS :
http://bamchi.com/blog/rss/response/127

적절한 Form을 구현한 HTML코드

<form>
<ul>
    <fieldset>
      <legend>Person info</legend>
      <ul>
        <li>
          <label for="name">Name:</label>
          <input type="text" name="name" id="name" />
        </li>
        <li>
          <label for="age">Age:</label>
          <input type="text" name="age" id="age" />
        </li>
      </ul>
    </fieldset>
      <fieldset>
      <legend>Address info</legend>
      <ul>
        <li>
          <label for="address">Address:</label>
          <input type="text" name="address" id="address" />
        </li>
        <li>
          <label for="zip">Zip:</label>
          <input type="text" name="zip" id="zip" />
        </li>
      </ul>
    </fieldset>
</ul>
</form>


사용자 삽입 이미지

Posted by 밤치

2009/05/18 10:11 2009/05/18 10:11
, , ,
Response
No Trackback , No Comment
RSS :
http://bamchi.com/blog/rss/response/126