Skip to main content

MIG LAYOUT TUTORIAL


In this entry I would like to introduce some basic usage of mig layout.

This is image I take in eclipse, we can use window builder plug-in for drag-draw UI.



Code
Detail
Description
Contructor of MigLayout:
new MigLayout("insets 50 50 0 50", "[74.00]20[165.00][grow]", "[][][]")
-    "insets 50 50 0 50"
-    Decribe margin.
insets top left bottom right
-    "[74.00]20[165.00][grow]"
-    Number of columns
+ [74.00]: size of column 1 is 74px.
+ [74.00]20[165.00]: gap between 1st colum and 2nd is 20px.
[grow]: 3rd column is grow
-    "[][][]"
-    Number of rows.
JLabel lblNewLabel = new JLabel("Label 1");
            panel.add(lblNewLabel, "cell 0 0,alignx leading");
-    "cell 0 0,alignx leading"
-    “Label 1” is put to column 0 and row 0. It’saligned from left to right
JLabel lblNewLabel_2 = new JLabel("Label 3");
            panel.add(lblNewLabel_2,"cell 0 2,alignx trailing");
-    "cell 0 2,alignx trailing"
-    “Label 1” is aligned from right to left.
textField = newJTextField();
            panel.add(textField, "cell 1 0");
-    "cell 1 0"
-    textField is put to 1st column and row 0.
textField_1 = newJTextField();
            panel.add(textField_1, "cell   1 1,growx");
-    "cell 1 1,growx"
-    textField_1 is put to 1st column and 1 row.
-    Growx: witdh of this text field is always equal with width of column.
textField_2 = newJTextField();
            panel.add(textField_2, "cell   1 2,growx,span");
-    "cell 1 2,growx,span"
-    Span: this text field is put to columns, 1st column is 1 (cell 1 2) and others are rest of columns in layout.
-    “span colums rows”
Labels:

Comments

Post a Comment

Popular posts from this blog

How to Install SQL Server on MacOS with docker

 I'm writing a small tut for who need to install SQL Server on macOS using docker Step 1: Download the SQL Server Image sudo docker pull mcr.microsoft.com/mssql/server:2019-latest Step 2: Launch the SQL Server Image in Docker docker run -d --name example_sql_server -e 'ACCEPT_EULA=Y' -e 'SA_PASSWORD=Pass.word-123' -p 1433:1433 mcr.microsoft.com/mssql/server:2019-latest Step 3: Check the SQL Server Docker Container docker ps -a Step 4: Install SQL Server Command-Line Tool sudo npm install -g sql-cli Step 5: Connect to SQL Server  5.1 Using Command mssql -u sa -p Pass.word-123 5.2: Using VSCode to connect to sql server Using the extension SQL Server (mssql)
Post a Comment
Read more

What is API Gateway?

  What does API gateway do? The diagram below shows the detail. Step 1 - The client sends an HTTP request to the API gateway. Step 2 - The API gateway parses and validates the attributes in the HTTP request. Step 3 - The API gateway performs allow-list/deny-list checks. Step 4 - The API gateway talks to an identity provider for authentication and authorization. Step 5 - The rate limiting rules are applied to the request. If it is over the limit, the request is rejected. Steps 6 and 7 - Now that the request has passed basic checks, the API gateway finds the relevant service to route to by path matching. Step 8 - The API gateway transforms the request into the appropriate protocol and sends it to backend microservices. Steps 9-12 : The API gateway can handle errors properly, and deals with faults if the error takes a longer time to recover (circuit break). It can also leverage ELK (Elastic-Logstash-Kibana) stack for logging and monitoring. We sometimes cache data in the API gatew...
Post a Comment
Read more