Friday, November 30, 2012

අදුරට එලියක්. Flash Light App - 1




Android - App 

අදුරට එලියක්.

Flash Light App - 1

ඔන්න අපි Android App එකක් හදන ගමනේ, පියවරක් ඉදිරියට තියමු.

       


        දැන් ඔයාලා, Android කරන්න පරිසරය සකස් කරගෙන ඇති කියලා මම බලාපොරොත්තු වෙනවා. මෙම ලිපියේ ප්‍රමාදය ගැන මම මුලින්ම ඔයාලගෙන් සමාව ඉල්ලනවා. මොකද සමහර පාඨකයෝ මගෙන් කීප වතාවක්ම අහාලා තිබුනා, ඉදිරි ලිපි දාන්නේ නැද්ද කියලා.

     ඔන්න එහෙනම් අපි දැන් බලමු කොහොමද, පොඩි application එකක් හදාගන්නේ කොහොමද කියලා. මම ඒ සඳහා, එලියක් නැති තැනකදි ඔයාලට භාවිතා කරන්න පුළුවන්, Flash Light app එකක් හදන විඩිය, code එකත් එක්ක පෙන්නලා දෙන්නම්. 

      මම මුලින්ම සම්පූර්ණ code සහ project structure එක ඔයාලට පෙන්නලා දෙන්නම්, ඊට පස්සේ අපි code එක ගැන කතා කරමු.

   දැන් ඔයාලට බලන්න පුළුවන් මගේ Flash Light app එකේ project structure එක, මේ විදියට තමයි, ඔයාලගෙ project එකත් අන්තිමට දකින්න පුළුවන් වෙන්නේ...




       අපි මුලින්ම බලමු, කොහොමද අපේ app එකට ඕනි කරන, resource සකස් කර ගන්නේ කියලා. මගේ Flash Light app එකට මම භාවිතා කරන strings සහ colors මම resource විදියට, සකස් කරනවා, ඒ මට ඕනි වෙලාවට,  code එකේ වෙනසක් නොකර, strings සහ colors පමනක් මට වෙනස් කරගැනීමට පුළුවන් නිසා.

(1) -- > strings.xml

(2) -- > colors.xml
      
       මීලගට අපේ app එකේ, interfaces ටික හදා ගන්න ඕනි. මේ Flash Light app එකේ, මම interfaces දෙකක් භාවිතා කරනවා. ඒවා තමයි, main.xml සහ white_layout.xml. අපි Android වල interfaces සකස් කර ගන්නේ, මේ .xml tags වලින්. මේ tags ගැන අපි code එක පිළිබඳව කතා කරද්දී, විස්තර සහිතව කතා කරමු.

(1) -- > main.xml


(2) -- > white_layout.xml
      
       දැන් app එකේ, බාහිර පෙනුම සම්පූර්ණයි. අපි අපේ interfaces දෙක සඳහාම java code එකක් කරන්න ඕනේ. ඒ හරහා තමයි, මොනවාද කරන්න ඕනි කියල අපි අපේ app එකට කියන්නේ. ඒ සඳහා මම GreenScreenActivity.java හා WhiteScreenActivity.java නමින් java classes දෙකක් සකස් කරලා තියෙනවා.

(1) -- > GreenScreenActivity.java

package com.flash.light;

import android.app.Activity;
import android.content.Intent;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;

public class GreenScreenActivity extends Activity
{
    /** Called when the activity is first created. */
    private Button toWhite;

    @Override
    public void onCreate(Bundle savedInstanceState)
    {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);

        setUpView();
    }

    private void setUpView(){
        toWhite = (Button)findViewById(R.id.to_white_button);
        toWhite.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                Intent intent = new Intent(GreenScreenActivity.this, WhiteScreenActivity.class);
                startActivity(intent);
            }
        });
    }
}

(2) -- > WhiteScreenActivity.java

package com.flash.light;

import android.app.Activity;
import android.content.Intent;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;

public class WhiteScreenActivity extends Activity {

    private Button toGreen;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.white_layout);

        setUpViews();
    }

    private void setUpViews() {
        toGreen = (Button) findViewById(R.id.to_green_button);
        toGreen.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                Intent intent = new Intent(WhiteScreenActivity.this, GreenScreenActivity.class);
                startActivity(intent);
            }
        });
    }
}
      
       
        දැන් පහත රූපයේ දැක්වෙන icon එක හරහා, ඔයාලගෙ app එක Run කරන්න පුළුවන්. ඔයාලත් Run බලන්න. මම මීලඟ ලිපියෙන්, Android Emulator හා Android Device එකක් හරහා ඔයාල app එක Run කරන්නේ කොහොමද කියල කතා කරන්නම්. 

ඔයාලට මේ කරපු දේ ටික ගැන ප්‍රශ්න තියෙනව නම් comment කරන්න නැති නම් mail කරන්න kavi707@gmail.com 
Read More

Friday, November 23, 2012

HTML සිංහලෙන් පාඩම 11 - HTML Links


        ටික කාලෙකින් තමයි අපි අද HTML පාඩමකින් ඔයාලව හමු වෙන්නේ මීට කලින් පාඩමෙන් අපි HTML වලදී Text කොහොමද format කරගන්නේ කියන කාරණය ගැන කතා කලා මතක ඇති නේද? අද අපි HTML document එකකට කොහොමඳ links දාගන්නේ කියල බලමු.

                අද සෑම වෙබ් පිටුවකම පාහේ links දකින්න ලැබෙනව අපි links අවස්ථා දෙකකදි භාවිතා කරනව, පළමුවෙන්ම අපිට වෙනත් වෙබ් පිටුවකට හො වෙනත් වෙබ් අඩවියකට සබැඳියක් ලබා දීමට අවශ්‍ය වුනු විටකදී හා දෙවනුව එකම පිටුවේ වෙනත් තැනකට සබැඳියක් ලබා දීම සඳහායි. ඔබ දැකල ඇති මේ hyperlink  එක සමහර විට වචන කිහිපයක් නැතිනම් පින්තූරයක්.

                මේ සඳහා අපි භාවිතා කරන්නේ <a> tag එකයි. මේ tag එකේ අපිට ඉතාමත් ප්‍රයෝජනවත් වන attribute එකක් තියෙනව ඒක තමයි "href" කියන attribute එක මේක භාවිතා කරල අපිට සබැඳයේ ගමනාන්තය ලබා දිය හැකියි. 

බොහෝ වෙබ් browsers වල links පෙන්වන ආකාරය සමානයි ඒ මෙන්න මේ විදිහටයි,
  • ඔබ visit කර නැති links, underline ව නිල් පැහැයෙන් ද,
  • ඔබ visit කර ඇති links, underline ව දම් පැහැයෙන් ද,
  • Active තත්වයේ පවතින links, underline ව රතු පැහැයෙන් ද,

පෙන්නුම් කරයි.

Syntax

        <a href="url">Link text</a>


ඔය code එක browser එකේ පේන්නේ මෙන්න මේ වගේ,


තව වැදගත් attribute එකක් තියෙනව ඒක තමයි "target" attribute එක, මේකෙන් අපිට පුළුවන් අපේ සබැඳිය විවෘත්ත වෙන්න ඕන ආකාරය තීරනය කරන්න. හරිය වෙන tab එකක වගේ, පහත ආකාරවලින් ඕනෑම එකක් එහි අගය විය හැකියි.
  • _blank
  • _parent
  • _self
  • _top

ඔබට පේනව ඇති පෙනුමේ කිසිම වෙනසක් වුනේ නැති උනත් ක්‍රියාකාරීත්වය ඉතා වෙනස් වී ඇති බව.දැන් අපි බලමු එකම වෙබ් පිටුවක වෙන තැනකට සබැඳියක් ලබා දෙන්නේ කියල,

ඒ සඳහා අපිට "id" attribute එක භාවිතා කරන්න වෙනව, අපිට වෙබ් පිටුවේ bookmark සාදාගන්න මම පහතින් පෙන්වන ආකාරයේ code එකක් අපි යොදා ගන්නව,


ඔයාලට පෙනේවී Link එක click කරාම අපිව වෙබ් පිටුවෙ අදාල තැනට ඉබේම යැවෙන බව. අපිට අවශ්‍ය නම් වෙනත් වෙබ් අඩවයක bookmark එකකට සබැඳියක් ලබා දීමට ඒ සඳහා අපිට පහත ආකාරයේ code එකක් යොදාගන්න වෙනව,

<a href = "url of the pag#id">@@@@@</a>



මේ ලිපියෙහි හෝ මෙය සිදු කිරීමේදී යම් ගැටලුවක් ඇත්නම් Comments වල දමන්න.
මා අතින් යම් වරදක් වී ඇත්නම් හෝ යමක් මග හැරී ඇත්නම් ඒවාත් නිවැරදි කිරීම පිනිස Comments වල දමන්න.

Read More

Thursday, November 1, 2012

HTML සිංහලෙන් පාඩම 10 - Text Formatting



                         අපි මීට ගොඩක් කාලෙකට කලින් කරපු පසු ගිය පාඩමේදී HTML document එකකට Paragraphs එකතු කරගන්නේ කියන දේ කතා කලා. මතකද දන්නේ නෑ. එක එක වැඩ නිසා ලිපි ටික වෙලාවට කරගන්න බැරි වුනත් අද ඉදල වත් හරියට කරන්න ඕන කියල හිතා ගත්ත. අද අපි කතා කරමු HTML document එකක තියෙන text කොහොමද format කරගන්නේ කියල. 

                                                                          අපි කවුරුත් වගේ Word document හඳල තියෙනවනේ ඉතින් අපි එතකොට නිතරම වගේ මේ text formatting පාවිච්චි කරනවා නේද? ඒ විදිහටම අපිට HTML document එකත් text bold කරන්න italic කරන්න underline කරන්න සහ තවත් දේ කරන්න පුළුවන්. 

Bold

        HTML document එකක text bold කරන්න අපි භාවිතා කරන tag එක <b> කියන tag එක. පහත උදාහරනය බලන්නකෝ.


ඒක පෙන්නේ මෙන්න මේ විදිහට,


Italic ​සහ Underline

මේ දේ කරන්න අපි භාවිතා කරන්නනේ පිළිවෙලින් <i> සහ <u> කියන tags, ඒකත් අපි උදාහරනයකින්ම පැහැදිලි කර ගනිමුකෝ.


ඒක පේන්නේ මෙන්න මේ වගේ,

               ඔයාලට පේනවා ඇති දෙවැන line එකේදී මම අපි කතා කරපු tags 3නම එකම text කොටසක් සඳහා යොදාගෙන තියෙන බව ඒ වගේ වෙලාවකදී අපි පිළිවෙලින් tags open කරගෙන යනවා වගේම ඒ tags අන්තිමටම open කල tag එක මුළින්ම close වෙන ආකාරයට පිළිවෙලට close කල යුතුයි. එහෙම නැති වුනත් ඒක පේන එක වෙනස් නොවෙන්න පුළුවන් ඒ විදිහට කරන එක හොද පුරුද්දක්. එවගේම මෙය tags ඇතුලේ tags ලියන ඕනෑම අවස්ථාවකට පොදුයි.

Superscript සහ Supscript

මේ සඳහා අපි යොදා ගන්නේ පිළිවෙලින් <sup> සහ <sub> කියන tags දෙක. ඒක වෙන්නේ මෙන්න මෙහෙමයි,


ඒක පේන්නේ,


Other tags 

HTML formatting tags ගොඩක් තියෙනවා ඒ ඔක්කොම උදාහරණ මගින් පෙන්වන්න අමාරුනිසා මම ඒවා ගැන පහත සඳහන් කරනව.

TagDescription
<b>Defines bold text
<em>Defines emphasized text 
<i>Defines a part of text in an alternate voice or mood
<small>Defines smaller text
<strong>Defines important text
<sub>Defines subscripted text
<sup>Defines superscripted text
<ins>Defines inserted text
<del>Defines deleted text

HTML "Computer Output" Tags

TagDescription
<code>Defines computer code text
<kbd>Defines keyboard text 
<samp>Defines sample computer code
<var>Defines a variable
<pre>Defines preformatted text

HTML Citations, Quotations, and Definition Tags

TagDescription
<abbr>Defines an abbreviation or acronym
<address>Defines contact information for the author/owner of a document
<bdo>Defines the text direction
<blockquote>Defines a section that is quoted from another source
<q>Defines an inline (short) quotation
<cite>Defines the title of a work
<dfn>Defines a definition term

                                                                                                            උපුටා ගැනීම W3schools වෙබ් අඩවියෙන්

                        තවත් වැදගත් දෙයක් තමයි අද බොහොමයක් web browsers <strong> tag එක <b> tag එක ලෙසටත් <em> tag එක <i> tag එක ලෙසටත් තමයි render කරන්නේ. තවත් පාඩමකින් හමු වෙනකම් ගිහින් එන්නම්.

මේ ලිපියෙහි හෝ මෙය සිදු කිරීමේදී යම් ගැටලුවක් ඇත්නම් Comments වල දමන්න.
මා අතින් යම් වරදක් වී ඇත්නම් හෝ යමක් මග හැරී ඇත්නම් ඒවාත් නිවැරදි කිරීම පිනිස Comments වල දමන්න.



Read More