{"id":396,"date":"2013-12-09T00:09:00","date_gmt":"1970-01-01T00:00:00","guid":{"rendered":"http:\/\/www.yazilimmutfagi.com\/?p=396"},"modified":"2013-12-09T00:09:00","modified_gmt":"1970-01-01T00:00:00","slug":"android-programlamada-activity-ve-layout","status":"publish","type":"post","link":"https:\/\/www.yazilimmutfagi.com\/index.php\/2013\/12\/09\/android-programlamada-activity-ve-layout\/","title":{"rendered":"Android Programlamada Activity ve Layout"},"content":{"rendered":"

\n\tLayout uygulamamizin kullanici arayüzünü olusturanelemanlari barindiran ve bir düzen içerisinde görüntülenmesini saglayan en alt katmandir. Activity ise kullanici ile etkilesimi saglayan ekrandir.Her bir layout yani ekran için bir activity olmasi gerekir ve layout’daki widgetlarin görevini bu activitylerden kontol ederiz.<\/p>\n

\n\tLayoutlara projemizde "res>layout" klasörünün içinde activitylere ise projemizdeki “src” dosyasinin altinda erisebilirsiniz.<\/p>\n

\n\tBu projemizde ekrana bir textView, Edit Text  ve Button koyacagiz  Butona her basimizda Edit Text de butona  kaçinci kez basildigini sayacak ve butona her 5. Basisimizda ekranda  bir uyari mesaji verecek.<\/p>\n

\n\tIlk olarak yeni projemizi olusturuyoruz ve otomatik olarak Layout sayfasi geliyor.Solda gördügünüz Pallete sekmesinin altinda widgetlarimiz var, bu projede sadece 3 tanesini inceleyecegiz.Bu projeden sonra size tavsiyem bütün widgetlari tek tek inceleyerek ne için kullanildiklarini ögrenenin.EditText,TextView ve Butonumuzu  sürükle birak yaparak paletten layoutumuza yerlestiriyoruz.   Resim  de sag tarafta widgetlarin özelliklerini gösteren bir toolbox var buradan  widgelarin özelliklerini ayarlayabilirsiniz.veya layoutumuzn xml’inden ayni degisikliklerimizi yapabilirsiniz bunlar içinde ayri bir makale yazacagim. TextView’in yazisini degistirmek için xml de TextView in  içindeki “ android:Text=’Mesaj’” seklinde degistiriyoruz<\/p>\n

\n\t\"activity<\/p>\n

\n\tLayoutlarimiz xml dosyalarimizdan olusur. Activity_main.xml sekmesine tiklarsaniz layout’un içerigini görebilirsiniz. Widgetlar üzerinden ayarlamalari  xml uzerinden  yapmaya alisirsaniz ileride çok kolaylik çekersiniz.ve bundan sonraki makalelerde Layout dosyasinin sadece Xml olarak içerigini verecegim.<\/p>\n

\n\t <\/p>\n

\n<RelativeLayout xmlns:android="http:\/\/schemas.android.com\/apk\/res\/android"\n    xmlns:tools="http:\/\/schemas.android.com\/tools"\n    android:layout_width="match_parent"\n    android:layout_height="match_parent"\n    android:paddingBottom="@dimen\/activity_vertical_margin"\n    android:paddingLeft="@dimen\/activity_horizontal_margin"\n    android:paddingRight="@dimen\/activity_horizontal_margin"\n    android:paddingTop="@dimen\/activity_vertical_margin"\n    tools:context=".MainActivity" >\n\n    <TextView\n        android:id="@+id\/textView1"\n        android:layout_width="wrap_content"\n        android:layout_height="wrap_content"\n        android:layout_alignParentLeft="true"\n        android:layout_alignParentTop="true"\n        android:layout_marginLeft="22dp"\n        android:layout_marginTop="38dp"\n        android:text="Mesaj" \/>\n\n    <Button\n        android:id="@+id\/button1"\n        android:layout_width="wrap_content"\n        android:layout_height="wrap_content"\n        android:layout_below="@+id\/textView1"\n        android:layout_centerHorizontal="true"\n        android:layout_marginTop="32dp"\n        android:text="Button" \/>\n\n    <EditText\n        android:id="@+id\/editText1"\n        android:layout_width="wrap_content"\n        android:layout_height="wrap_content"\n        android:layout_alignBaseline="@+id\/textView1"\n        android:layout_alignBottom="@+id\/textView1"\n        android:layout_toRightOf="@+id\/textView1"\n        android:ems="10" >\n\n        <requestFocus \/>\n    <\/EditText>\n\n<\/RelativeLayout>\n\n<\/pre>\n
\n\tDaha sonra src klasörümüzün altindaki .java uzantili activity dosyamizi açiyoruz. Method’larimizi ve kodlarimizi bu java dosyasina yazacagiz.<\/p>\n
\n\t\"android<\/p>\n
\n\tSirada layoutumuza koymus oldugumuz widgetlari  activitymizde tanitma islemi var bunun için su kodu kullanacagiz<\/p>\n
\n(widget türü) widget ismi = (Widget Türü)findWiewById(R.id.widgetId); \n<\/pre>\n
\n\tWidget Id sini layoutumuzun xml dosyasinda veya widgeta tikladiginiz zaman sagdaki paletten ulasabilirsiniz
\n\tBütün widgetlarimizi tanittiktan sonra Buttona Listener ekle islemi kaldi.Bu islemleri açiklamali olarak kod üzerinden verecegim ve bundan sonraki makalelerde butun activityleri bu sekilde verecegim makalenin en sonunada  ekran görüntülerini ve source kodumuzu koyacagim<\/p>\n
\n\t <\/p>\n
\npublic class MainActivity extends Activity {\n\tstatic int sayac =0;\n    @Override\n    protected void onCreate(Bundle savedInstanceState) {\n        super.onCreate(savedInstanceState);\n        \/\/Layoutumuzu Activitymize e tanýttýk\n        setContentView(R.layout.activity_main);\n        \/\/Widgetlarýmýzý Activitymize tanýttýk\n        \/\/Burada Dikakt etmeniz gereken aþaðýdaki gibi kodlarý yazdýðýnýzda\n        \/\/hata verecekti çünkü Button EditTexr vb þeyleri projeye import etmeniz gerekmektedir\n                \n        Button btn =(Button)findViewById(R.id.button1);\n        final EditText et=(EditText)findViewById(R.id.editText1);\n        TextView tv =(TextView)findViewById(R.id.textView1);\n        \n        \/\/Sýrada butonumuza Listener ekleme var \n        \/\/bu iþlem için setOnClickListener() methodunu kullanýyoruz\n        btn.setOnClickListener(new View.OnClickListener() {\n\t\t\t\n\t\t\t\n        \t\/\/butona týklandýðý zaman yapýlacaklarý bu method altýnda yazýyoruz\n        \t@Override\n\t\t\tpublic void onClick(View v) {\n        \tsayac ++;\n        \t\tet.setText("Butona "+String.valueOf(sayac)+".kez týkladýnýz");\n        \t\tif(sayac==5){\n        \t\t\t\/\/Ekrana mesaj yazdýrmayý ise  Toast.makeText() methodu \n        \t\t\t\/\/Sayesinde yapýyoruz.Bu method 3 Deðiþken alýyor 1.Context 2. mesaj ve 3. ise mesajýn ekranda \n        \t\t\t\/\/ne kadar aralýkla duracaðý\n        \t\t\tToast.makeText(getApplicationContext(), "www.yazilimmutfagi.com",Toast.LENGTH_LONG);\n        \t\t\tsayac=0;\n        \t\t\t\n        \t\t}\t\n\t\t\t}\n\t\t});\n        \n    }\n\n    @Override\n    public boolean onCreateOptionsMenu(Menu menu) {\n        \/\/ Inflate the menu; this adds items to the action bar if it is present.\n        getMenuInflater().inflate(R.menu.main, menu);\n        return true;\n    }\n    \n}\n\n<\/pre>\n
\n\tProgramizin ekran görüntüleri su sekilde<\/p>\n
\n\t\"\"<\/p>\n
\n\t\"\"<\/p>\n
\n\tVe buradan projenin kaynak koduna buradan <\/a>ulasabilirsiniz<\/p>\n
\n\tSiradaki makalem Yeni sayfa olusturma sayfa geçisleri ve menüler hakkinda olacak.<\/p>\n","protected":false},"excerpt":{"rendered":"
Bu makalemizde Activity ve Layout kavramlarini ve Button ,TextView ve EditView vb  widgetlarin kullanimini gösterecegim.<\/p>\n","protected":false},"author":560,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[448],"tags":[4738,4042,3957],"_links":{"self":[{"href":"https:\/\/www.yazilimmutfagi.com\/index.php\/wp-json\/wp\/v2\/posts\/396"}],"collection":[{"href":"https:\/\/www.yazilimmutfagi.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.yazilimmutfagi.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.yazilimmutfagi.com\/index.php\/wp-json\/wp\/v2\/users\/560"}],"replies":[{"embeddable":true,"href":"https:\/\/www.yazilimmutfagi.com\/index.php\/wp-json\/wp\/v2\/comments?post=396"}],"version-history":[{"count":0,"href":"https:\/\/www.yazilimmutfagi.com\/index.php\/wp-json\/wp\/v2\/posts\/396\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.yazilimmutfagi.com\/index.php\/wp-json\/wp\/v2\/media?parent=396"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.yazilimmutfagi.com\/index.php\/wp-json\/wp\/v2\/categories?post=396"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.yazilimmutfagi.com\/index.php\/wp-json\/wp\/v2\/tags?post=396"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}