හරි යාලුවනේ ..ඔන්න මං අදත් ආවා කලින් පාඩමේ ඉතිරි කොටසත් සමගින්…the sigma blog අඩවියට පැමිණි ඔයාලා හැමෝම සාදරයෙන් පිලිගන්නවා.. කලින් පාඩමේදී අපි කතා කලා මොකක්ද GUI එකක් කියන්නේ කියලා සහ කොහොමද. GUI එකක් හදා ගන්නේ කියලා…ඒ ගැන මතක ඇති කියලා හිතනවා..මතක නෑ වගේ නම් මෙතනින් ගිහින් කලින් පාඩමත් බලන් එන්නකෝ..

අද අපි කතා කරන්න යන්නේ කලින් පාඩමේදී සාදාගත් window එකට graphical element add කරන එක….හරි මුලින්ම අපි window එකට නමක් දෙමුකෝ…තවත් විදියකින් කියනවනම් window එකට title එකක් set කරමුකෝ…මේ සදහා අපි පාවිච්චි කරනවා setTitle() කියන method එක….argument එකක් විදියට අපිට ඕනි title එකක් විදියට pass කරන්න පුලුවන්…code එක බලන්නකෝ…

import java.awt.*;
import javax.swing.*;

class Gui extends JFrame{
	public static void main(String args[]){
		JFrame MyJavaFrame=new JFrame();
		MyJavaFrame.setVisible(true);
		MyJavaFrame.setSize(300,300);
		MyJavaFrame.setLocationRelativeTo(null);
		MyJavaFrame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
		MyJavaFrame.setTitle("My first Java Frame !");
       }
}

Output…

හරි title එකක් නම් set කලා..දැන් අපි බලමු label එකක් කොහොමද set කරන්නේ කියලා..

Label එකක් හදනකොට කරන්නෙත් අර window එකක් හදනකොට කරපු දේම තමයි…ඒ කිව්වේ…window එකක් හදන අවස්ථාවේ කලේ JFrame කියලා කලින් predefine කරලා තිබුන class එකක object එකක් හදපු එකනේ…මෙතනදි කරන්නෙත් ඒ දේම තමයි..JLabel කියලා class එකක් කලින් define කරලා තියනවා …අන්න ඒ class එකේ object එකක් හදන එක තමයි කරන්නේ…JFrame , JLabel විතරක් නෙවෙයි JPanel,JMenu, JButton,JTextArea,JTextField වගේ class ගොඩක් predefine කරලා තියනවා අපි අර මුලින්ම import කරලා තියන package ඇතුලේ…අපිට තියෙන්නේ අවශ්ය graphical element එකේ object එකක් හදන එක විතරයි…හරි ලේසියි නේද😃😃….

import java.awt.*;
import javax.swing.*;

class Gui extends JFrame{
	public static void main(String args[]){
		JFrame MyJavaFrame=new JFrame();
		MyJavaFrame.setVisible(true);
		MyJavaFrame.setSize(300,300);
		MyJavaFrame.setLocationRelativeTo(null);
		MyJavaFrame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
		MyJavaFrame.setTitle("My first Java Frame !");

		JLabel lebel1=new JLabel();
		
       }
}

ඔන්න ඔහොම තමයි label එකක් හදා ගන්නේ…label එකක් නිකං හැදුවට වැඩක් නෑනේ…ඒක අපේ window එකට set කරන්නත් ඕනිනේ…මේ සදහා අපි පාවිච්චි කරනවා add කියන keyword එක.

හදාගත්ත label එක add කරනකොට add කරන්න බලාපොරොත්තු වන ස්ථානයත් දෙන්න ඕනි වරහන් ඇතුලේ…North, South, East , West හා Center කියලා add කරන්න පුලුවන් ස්ථාන පහක් තියනවා…labels,buttons,textFields .. වගේ ඒවා අපිට මේ ස්තාන වලට add කරන්න පුලුවන්..

ඔන්න ඔය ස්ථාන පහටම button එක add කලාම මෙන්න මේ වගේ…

තව දෙයක් තියනවා ...graphical element එක add කරන්න ඕනි ස්ථානය දක්වද්දී පලවෙනි අකුර upper case එකක් වෙන්නත් ඕනි…

import java.awt.*;
import javax.swing.*;

class Gui extends JFrame{
	public static void main(String args[]){
		JFrame MyJavaFrame=new JFrame();
		MyJavaFrame.setVisible(true);
		MyJavaFrame.setSize(300,300);
		MyJavaFrame.setLocationRelativeTo(null);
		MyJavaFrame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
		MyJavaFrame.setTitle("My first Java Frame !");

		JLabel label1=new JLabel("This is a Lebel !");
		
		MyJavaFrame.add("North",label1);
		
       }
}

output එකත් බලන්නකෝ…

හරි label එකකුත් දැම්මා…දැන් අපි බලමු panel එකක් අපේ window එකට එකතු කරන්නේ කොහොමද කියලා..කලින් වගේම තමයි Jpanel කියන class එකේ object එකක් හදලා add keyword එක පාවිච්චි කරලා set කරන්න තමයි තියෙන්නේ…

import java.awt.*;
import javax.swing.*;

class Gui extends JFrame{
	public static void main(String args[]){
		JFrame MyJavaFrame=new JFrame();
		MyJavaFrame.setVisible(true);
		MyJavaFrame.setSize(300,300);
		MyJavaFrame.setLocationRelativeTo(null);
		MyJavaFrame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
		MyJavaFrame.setTitle("My first Java Frame !");

		JLabel label1=new JLabel("This is a Lebel !");
		
		MyJavaFrame.add("North",label1);

		JPanel panel1=new JPanel();
	
		MyJavaFrame.add(panel1);	
       }
}

output එකත් බලන්නකෝ…

කිසි වෙනසක් පේන්නේ නෑ නේද…ඇත්තටම panel එක අපේ window එකට add වෙලා තියෙන්නේ..window එකේ පාටයි panel එකේ පාටයි සමාන නිසා තමයි අපිට panel එක පේන්නේ නැත්තේ… මෙන්න මේ විදියට panel එකේ පාට වෙනස් කරන්නකෝ….

import java.awt.*;
import javax.swing.*;

class Gui extends JFrame{
	public static void main(String args[]){
		JFrame MyJavaFrame=new JFrame();
		MyJavaFrame.setVisible(true);
		MyJavaFrame.setSize(300,300);
		MyJavaFrame.setLocationRelativeTo(null);
		MyJavaFrame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
		MyJavaFrame.setTitle("My first Java Frame !");

		JLabel label1=new JLabel("This is a Lebel !");
		
		MyJavaFrame.add("North",label1);

		JPanel panel1=new JPanel();

		panel1.setBackground(Color.BLUE);

		MyJavaFrame.add(panel1);	
       }
}

හරි දැන් බලන්නකෝ output එක …

හරි දැන් panel එක පේනවා නේද..හරි panel එකකුත් හැදුවා…දැන් අපි බලමු Text field එකකුයි text area එකකුයි හදන්නේ කොහොමද කියලා…කලින් වගේම JtextField කියන class එකෙයි , JtextArea කියන class එකෙයි object හදන්න තමයි තියෙන්නේ…පොඩි වෙනසයි තියෙන්නේ object හදනකොට constructor එක ඇතුලේ coloms ගනනයි rows ගනනයි pass කරන්න තියෙන්නේ..

import java.awt.*;
import javax.swing.*;

class Gui extends JFrame{
	public static void main(String args[]){
		JFrame MyJavaFrame=new JFrame();
		MyJavaFrame.setVisible(true);
		MyJavaFrame.setSize(300,300);
		MyJavaFrame.setLocationRelativeTo(null);
		MyJavaFrame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
		MyJavaFrame.setTitle("My first Java Frame !");

		JLabel label1=new JLabel("This is a Lebel !");
		
		MyJavaFrame.add("North",label1);
		JPanel panel1=new JPanel();

		panel1.setBackground(Color.BLUE);

		MyJavaFrame.add(panel1);

		JTextField textField1=new JTextField();

		JTextArea textArea1=new JTextArea(5,5);	
	
		
       }
}

හරි ඔන්න ඔහොම හදාගත්ත text field එකයි text area එකයි අපේ window එකට add කරනකොට ටිකක් කල්පනා කරන්න වෙනවා…මොකද දන්නවද…කලින් අපි panel එකක් හදලා window එකට add කරපු නිසා අලුතින් හදන elements window එකට add කලාට පෙනෙන්නේ නෑ…අන්න එතකොට අපි අලුත් elements add කරනවා අපේ panel එකට…

import java.awt.*;
import javax.swing.*;

class Gui extends JFrame{
	public static void main(String args[]){
		JFrame MyJavaFrame=new JFrame();
		MyJavaFrame.setVisible(true);
		MyJavaFrame.setSize(300,300);
		MyJavaFrame.setLocationRelativeTo(null);
		MyJavaFrame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
		MyJavaFrame.setTitle("My first Java Frame !");

		JLabel label1=new JLabel("This is a Lebel !");
		
		MyJavaFrame.add("North",label1);
		JPanel panel1=new JPanel();

		panel1.setBackground(Color.BLUE);

		MyJavaFrame.add(panel1);

		JTextField textField1=new JTextField();

		JTextArea textArea1=new JTextArea(5,5);	
	
		panel1.add("North",textField1);
		panel1.add("South",textArea1);
		MyJavaFrame.add(panel1);
       }
}

අව්ලක් නෑ නේද..හරි දැන් අපි බලමු button එකක් කොහොමද අපේ window එකට set කරන්නේ කියලා…ලොකු වෙනසක් නෑ…JButton කියන class එකේ object එකක් හදන්න තමයි තියෙන්නේ…button එකට අවශය නම constractor එකින් pass කරන්න පුලුවන්…හරි අපේ window එකට button එකක් add කරනවා North කියන position එකට…

import java.awt.*;
import javax.swing.*;

class Gui extends JFrame{
	public static void main(String args[]){
		JFrame MyJavaFrame=new JFrame();
		MyJavaFrame.setVisible(true);
		MyJavaFrame.setSize(300,300);
		MyJavaFrame.setLocationRelativeTo(null);
		MyJavaFrame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
		MyJavaFrame.setTitle("My first Java Frame !");

		JButton button=new JButton("Click me !");
		MyJavaFrame.add("North",button);
       }
}

හරි ඔන්න ඔය විදියට button එකක් හදාගන්න පුලුවන්…

out put එකත් පොඩ්ඩක් බලන්නකෝ…

හරි නේද…ඔන්න ඔහොමයි button එකක් add කරන්නේ….හරි අදට ඇති වගේ නේ..😃😃……මීලඟ පාඩමත් සමගින් හමුවෙමු.සුභ දවසක්!

The post Graphical User Interface – දෙවන පියවර appeared first on The SIGMA.

හරි යාලුවනේ ඔන්න මං අයෙත් ආවා අලුත් පාඩම් මාලාවක් සමගින්..😀😀😃…මේ තමයි එහි පලමු දිගහැරුම…පුරුදු විදියටම ආයුබෝවන් කියලා යාලුවෝ හැමෝම පිලිගන්නවා.. the sigma අඩවියට ගියොත් ඔයාලට අපේ කලින් මඟහැරුනු පාඩම් ඔක්කොම බලන්නත් පුලුවන්..හරි එහෙනං අපි බහිමු අද පාඩමට…මම කලින්ම කිව්වනේ අලුත් පාඩමක් පටන් ගන්න යන්නේ කියලා…ඇත්තටම මොකද්ද පටන් ගන්න යන පාඩම…ඒ තමයි graphical user interface ..මොකද්ද මේ graphical user interface එකක් කියන්නේ…මොකටද පාවිච්චි වෙන්නේ…කොහොමද interface එකක් හදන්නේ..ඔන්න ඔය වගේ ප්‍රශ්න load එකක් ඔයාලගේ ඔලුවට එනවා ඇති…the sigma සමග නිරන්තරයෙන් රැදී හිටියොත් ඔන්න ඔය ප්‍රශ්න ඔක්කෝටම සරලව විසදුම් ලබා ගන්න පුලුවන්..ඒ නිසා දිගටම අපිත් සමඟ රැඳී සිටින්න කියලා යාලුවෝ හැමෝටම ආරාධනා කරනවා..

හරි මොකද්ද graphical user interface(GUI) එකක් කියලා කියන්නේ…කෙටියෙන්ම කියනවානම් windows , buttons , icons වගේ graphical elements එකතු කරලා හදපු අතුරු මුහුණතක්…හරි මෙහෙම හිතන්නකෝ… ඔයා code කරනවා programme එකක්…ඒකෙ input දෙන්නේ කොහොමද , ඒක run කරන්නේ කොහොමද වගේ දේවල් ඔයා හොදටම දන්නවා…මොකද කියනවනම් programme එක හැදුවේ ඔයා නිසා…හිතන්නකෝ programming ගැන මොකුත්ම දන්නැති කෙනෙක්ට programme එක පාවිච්චි කරන්න දෙනවා කියලා…එයා නිකං කරකවලා අතහැරියා වගේ නේද.😃😃..ඔන්න ඔය අවුල නැති කරන්න පුලුවන් graphical user interface (user friendly graphical user interface ) එකක් පාවිච්චි කරලා…තවත් විදියකින් කියනවනම් programming ගැන මොකුත් නොදන්නා අයෙකුට පවා programme එකත් සමග වැඩ කරන්න පුලුවන් වෙන විදියට හදපු අතුරු මුහුණතකට තමයි graphical user interface එකක් කියන්නේ.. හරි idea එකක් ආවා නේද මොකද්ද graphical user interface (GUI) එකක් කියන්නේ කියලා…හරි එහෙනං අපි බලමු කොහොමද GUI එකක් හදන්නේ කියලා..මේ සදහා මම පාවිච්චි කරනවා Java programming language එක.

GUI එකක් හදන්න ඉස්සරින් මුලින්ම කරන්න ඕනි දෙයක් තමයි java package එකේ තියන awt library එකකයි swing library එකයි import කරගන්න එක.awt library එක ගත්තොත් ඒක ඇතුලේ තියනවා Dimension , Toolkit , Color වගේ library ගොඩක් predefine කරලා තියනවා…swing library එක ගත්තොත් ..panels,buttons, icons .. වගේ ඒවා predifine කරලා තියනවා..අපි GUI එකක් හදනකොට මේ libraries මුලින්ම import කරගෙන ඉන්න ඕනි.එකින් එක වෙන වෙනම import කරනවට වඩා ලේසියි මෙන්න මේ වගේ ඔක්කොම එකපාර import කරන එක.

import java.awt.*;

import java.swing.*;

හරි ඔන්න ඔහොම තමයි libraries ටික import කර ගන්නේ.. හරි එහෙනන් අපි interface එකක් හදන්න පටාන් ගමු☺☺..

interface එකක් හදන්න පුලුවන් ආකාර දෙකක් තියනවා…පලවෙනි විදිය තමයි inheritance  පාවිච්චි කරලා..අනික් විදිය තමයි inheritance  පාචිච්චි කරන් නැතුව .. ක්‍රම දෙකේ ලොකු වෙනසක් නෑ..හරි මම inheritance  පාවිච්චි කරලම හදන්නම්කෝ…හරි මුලින්ම අපි window එකක් හදාගෙන ඉමු…

import java.awt.*;
import javax.swing.*;

class Gui extends JFrame{
	public static void main(String args[]){
		JFrame MyJavaFrame=new JFrame();

       }
}

හරි ඔන්න ඔය විදියට තමයි window එකක් හදන්නේ..ඇත්තටම මෙතනදි කරලා තියෙන්නේ මේකයි … window එකක් හදන හැටි define කරලා තියෙන්නේ අපි import කරපු package එකේ තියන Jframe කියන Class එකේ .. අපි මෙතනදි කලේ ඒ class එකේ(Jframe) object එකක් හදපු එක.හරි දැන් code එක compile කරන්නකෝ..හදපු window එක පේන්නේ නෑ නේද…දැන් මොකද කරන්නේ…ඒකට අපි setVisible කියන method එක call කරලා argument එකක් විදියට true කියන boolean value එක pass කරනවා…

import java.awt.*;
import javax.swing.*;

class Gui extends JFrame{
	public static void main(String args[]){
		JFrame MyJavaFrame=new JFrame();
		MyJavaFrame.setVisible(true);
       }
}

හරි දැන් compile කරන්නකෝ..දැන් ඔයාගේ screen එකේ කොනක අපි හදාගත්තු window එක චූටිවට තියනවා නේද…

ඔන්න ඕක අපිට ඕනි ප්‍රමාණයට හදා ගන්න පුලුවන් setSize( height,width) කියන method එක call කරලා.. arguments විදියට අපිට අවශය height එකයි width එකයි pass කරන්න පුලුවන්..

import java.awt.*;
import javax.swing.*;

class Gui extends JFrame{
	public static void main(String args[]){
		JFrame MyJavaFrame=new JFrame();
		MyJavaFrame.setVisible(true);
		MyJavaFrame.setSize(300,300);
       }
}

හරි දැන් compile කලාම මෙන්න මේ වගේ window එකක් එනවා නේද…

හරි ..code එක compile වෙලා window එක default හැදෙන්නේ screen එකේ කොනක නේද…අන්න ඒක screen එකේ මැද හදාගන්න ඕනි නම් setLocationRelativeTo() කියන method එක call කරනවා..මෙහිදී argument එකක් විදියට null කියන value එක pass කරනවා..

import java.awt.*;
import javax.swing.*;

class Gui extends JFrame{
	public static void main(String args[]){
		JFrame MyJavaFrame=new JFrame();
		MyJavaFrame.setVisible(true);
		MyJavaFrame.setSize(300,300);
		MyJavaFrame.setLocationRelativeTo(null);
       }
}

හරි දැන් compile කරන්නකෝ…

ඒ වැඩෙත් හරි එතකොට….දැන් හදපු window එක close කරන්නකෝ…දැන් පොඩ්ඩක් compiler එක දිහාත් බලන්නකෝ…compiler එකේ පෙන්න විදියට programme එක තාම run වෙනවා නේද…ඒ කියන්නේ window එක close කලාට programme එක තාමත් run වෙනවා නේද…මෙන්න මේ අව්ල නැති කරන්න පුලුවන් setDefaultCloseOperation() කියන method එක call කරලා…මෙහිදී argument එක විදියට Jframe.EXIT_ON_CLOSE කියන parameter එක තමයි pass කරන්නේ..

import java.awt.*;
import javax.swing.*;

class Gui extends JFrame{
	public static void main(String args[]){
		JFrame MyJavaFrame=new JFrame();
		MyJavaFrame.setVisible(true);
		MyJavaFrame.setSize(300,300);
		MyJavaFrame.setLocationRelativeTo(null);
		MyJavaFrame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
       }
}

හරි දැන් code එක compile කරලා window එක close කරලා compiler එක දිහා බලන්නකෝ…දැන්නම් අව්ලක් නෑ නේද…window එක close කරනකොටම programme එකත් run වෙලා ඉවරයි…

හරි අදට ඇති නේ..😃😃…GUI වල basic ටික ඉගෙන ගෙන ඉවරයි දැන්…මීලඟ පාඩමෙන් අපි බලමු හදාගත්ත window එකට icons සහ buttons add කරන්නේ කියලා…මීලග පාඩමත් සමගින් හමුවෙමු.සුභ දවසක්!

The post Graphical User Interface – පළමු පියවර appeared first on The SIGMA.