Android Mobil Tel Seçenek Menüsü Oluşturma Resimli

Seçenek menüsü, <span style="color: red;"><span style="font-size: large;">Android işletim sistemli</span></span> cihazımızda menü tuşuna bastığımız zaman karşımıza çıkan ve  mevcut aktiviteyle ilgili bize seçenekler sunan bir menüdür.Bugünkü yazımızda,seçenek menüsünü "Bu Ünlü Kim?" adlı uygulamayı yazarak anlamaya çalışacağız.<br /> <div> <br /></div> <div> Öncelikle SecenekMenusu adlı projemizi yaratalım.Ondan sonra res dosyasının içine menu adında yeni bir dosya ekleyelim.Eklediğimiz menu dosyasının içinede bir tane secenekmenusu.xml adında Android xml dosyası oluşturalım:<br /> <div> <br /></div> <div class="separator" style="clear: both; text-align: center;"> </div> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEdrZQun4sMQq4nte8c1EOVr8l0-HgGcIllZZ0YBLN3D1H3iM-Fau_bBGWTUZsXKeqbeetApCA2CwryO06MNZxwWz36x83PciYiwfjYNh-eTy6uWp0IM66ThyphenhyphenyLvV2uBTD_dhXwyyPEZ0/s1600/1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em; text-align: center;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEdrZQun4sMQq4nte8c1EOVr8l0-HgGcIllZZ0YBLN3D1H3iM-Fau_bBGWTUZsXKeqbeetApCA2CwryO06MNZxwWz36x83PciYiwfjYNh-eTy6uWp0IM66ThyphenhyphenyLvV2uBTD_dhXwyyPEZ0/s1600/1.png" /></a></div> <br /> <br /> <div class="separator" style="clear: both; text-align: left;"> Yukarıda menümüzün tasarımını yapmış olduk.Menümüzün içindeki seçenekleri item tagları ile yazıyoruz.Ayrıca seçeneklerin yanına bir de ikon ekliyoruz.İkonların 50x50 pixel boyutu makbuldur.İkonlarımızı drawable klasörüne koymuş olmamız gerekiyor tabi.Menü tasarımı bu kadar.</div> <div class="separator" style="clear: both; text-align: left;"> <br /></div> <div class="separator" style="clear: both; text-align: left;"> Şimdi de esas aktivitemizin tasarımını yapalım.Bu tasarımda bir adet başlık(TextView),bir adet görüntü(ImageView), ve son olarak bir adet daha bilgilendirme amaçlı yazı(TextView) ekliyoruz:</div> <div class="separator" style="clear: both; text-align: left;"> <br /></div> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyoxZzfNvFZPTebusTMk6VkhTrWUHeF-RZJqd-b_WDk7C2ZUlxZgb4KNy3XzLjruw9szO2-4ge-dO993-cRj4UPfYK8y8_h1LNYZs5tyVLCHu52VaSAO_5HZQs03PWi88kH-KbypFIS1M/s1600/2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em; text-align: center;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyoxZzfNvFZPTebusTMk6VkhTrWUHeF-RZJqd-b_WDk7C2ZUlxZgb4KNy3XzLjruw9szO2-4ge-dO993-cRj4UPfYK8y8_h1LNYZs5tyVLCHu52VaSAO_5HZQs03PWi88kH-KbypFIS1M/s1600/2.png" /></a></div> <br /> <div class="separator" style="clear: both; text-align: center;"> </div> <br /> Tasarımımızın graphical-<span class="GRnoSuggestion GRcorrect" grcontextid="layout'taki:0" grmarkguid="2b1e1698-c8ed-49db-9638-8062e9c0ffd0" gruiphraseguid="7001368f-d324-40f3-a952-981ac721b97a">layout'taki</span> <span class="GRcorrect" grcontextid="hali:1" grmarkguid="1780b0b0-9e56-4bc9-9fd1-f05b18a4ddb4" gruiphraseguid="7001368f-d324-40f3-a952-981ac721b97a">hali</span>:<br /> <br /> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqhwWjIja8hIjlloRts58OWxVUuOrVm9F6X6FIDr4jDS7BHgtL0X-6san0AkXBBWzzJWQ2z6m4oR0JUbK3_EygecWT8EUAeX1I_ddvQYbjPNavKKZ3Q95To6Oz38ecJxgST7KpPhebgOc/s1600/3.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em; text-align: center;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqhwWjIja8hIjlloRts58OWxVUuOrVm9F6X6FIDr4jDS7BHgtL0X-6san0AkXBBWzzJWQ2z6m4oR0JUbK3_EygecWT8EUAeX1I_ddvQYbjPNavKKZ3Q95To6Oz38ecJxgST7KpPhebgOc/s1600/3.png" /></a></div> <br /> <br /> <div class="separator" style="clear: both; text-align: center;"> </div> <br /> Evet, geldik kod yazma kısmına.Kodumuzda kullanacağımız görüntü ve yazıları koda tanıttıktan sonra, oluşturduğumuz secenekmenusu tasarım dosyasını koda eklemek üzere onCreateOptionsMenu(Menu menu) methodunu oluşturuyoruz.Bu işlemi gerçekleştirmek için MenuInflater nesnesi oluşturup, inflate methodunu kullanarak secenekmenusu.xml'i çağırıyoruz:<br /> <br /> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikOov6Uv8DTzhqe6A80M-L6mWHOMdTDeAk2FGrQ9VdabvKnFF1sP042jPFyC3rFpDVQnTBUS_-xEfOe2gbJl2_VnxNeG4rlJoWPskgiH1NVN0fH-nkdYnS0kFs0iLtoEsVU_38HBSfqGM/s1600/4.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em; text-align: center;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikOov6Uv8DTzhqe6A80M-L6mWHOMdTDeAk2FGrQ9VdabvKnFF1sP042jPFyC3rFpDVQnTBUS_-xEfOe2gbJl2_VnxNeG4rlJoWPskgiH1NVN0fH-nkdYnS0kFs0iLtoEsVU_38HBSfqGM/s1600/4.png" /></a></div> <br /> <div class="separator" style="clear: both; text-align: center;"> </div> <br /> Menudeki seçeneklere(items) tıklanıldığında bir olay oluşturmak istiyorsak, aşağıdaki gibi onOptionsItemSelected(MenuItem item) methodunu yazıp switch case ile kimlik bilgilerinden yararlanarak seçeneklere göre oluşmasını istediğimiz olayları yazarak dolduruyoruz:<br /> <br /> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCVIa3BphKWC-QsuaUllzrz5-HaLgDbrYijGVdDIOn7vMDG_AiW4_W6SSTHoIJIxI3w44Vm7LAxe1raS1HHMmlqjkzM0238AGrURT54tIFL6HJy_aSEODOOtJ_SRKok7nT78noDU5DPqI/s1600/5.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em; text-align: center;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCVIa3BphKWC-QsuaUllzrz5-HaLgDbrYijGVdDIOn7vMDG_AiW4_W6SSTHoIJIxI3w44Vm7LAxe1raS1HHMmlqjkzM0238AGrURT54tIFL6HJy_aSEODOOtJ_SRKok7nT78noDU5DPqI/s1600/5.png" /></a></div> <br /> <div class="separator" style="clear: both; text-align: center;"> </div> <br /> Yukarıda ilk seçeneğe tıklanıldığında bilgilendirme yazısındaki yazılar uçurulup,görüntü kaynağı değiştirilip,bir tane kısa süreli ileti(toast) oluşturulmuştur.İkinci seçenekte ise yazı içeriği değiştirilmiştir.<br /> <br /> <br /> Uygulamamız burada sona ermiştir,çalıştırıp görelim.<br /> <br /> <b><span class="GRnoSuggestion GRcorrect" grcontextid="Uygulamadan:0" grmarkguid="61b12bde-fae0-47ea-8336-bba947ac8d87" gruiphraseguid="77862585-4f3f-4282-8903-e6f9fd795397">Uygulamadan</span> Görüntüler:</b><br /> <b><br /></b> <b>İlk görüntü: </b>Sağ tarafta görmüş olduğunuz menü yazılı tuşa tıklarsanız, seçenek menüsü ortaya çıkacaktır.<br /> <br /> <div class="separator" style="clear: both; text-align: center;"> </div> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_kR3Shg_wcdserXl4VSBjenCysseOu0uY0tY3PgYaGpTJkCMPHuZzL-EDwMeonC3rS8g0eFHooi2ePLTzCcQNH2NZGyZw9HbYrZUj_iXQMZZYk5Wbp4veuL2NbLADDOnEqfVLzDfTxjA/s1600/6.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_kR3Shg_wcdserXl4VSBjenCysseOu0uY0tY3PgYaGpTJkCMPHuZzL-EDwMeonC3rS8g0eFHooi2ePLTzCcQNH2NZGyZw9HbYrZUj_iXQMZZYk5Wbp4veuL2NbLADDOnEqfVLzDfTxjA/s1600/6.png" /></a></div> <div class="separator" style="clear: both; text-align: center;"> <br /></div>  <b>Seçenek Menüsü:</b> Altta çıkan seçenek menüsüyle tanışın.<br /> <br /> <div class="separator" style="clear: both; text-align: center;"> </div> <div class="separator" style="clear: both; text-align: center;"> </div> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvbfb_wPsb9v81M4nqRGWR239hsCTg5EFizfqt_qoQHFL4nuIk2RSWCm_r5HaRJ9LqPxi21VsMg2UztvBb_BdwZZKAmiSr7-0QNURs2GqTJFODbWI71FOxkwZGk_NOlXs6ki0MxysrZJ4/s1600/7.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em; text-align: center;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvbfb_wPsb9v81M4nqRGWR239hsCTg5EFizfqt_qoQHFL4nuIk2RSWCm_r5HaRJ9LqPxi21VsMg2UztvBb_BdwZZKAmiSr7-0QNURs2GqTJFODbWI71FOxkwZGk_NOlXs6ki0MxysrZJ4/s1600/7.png" /></a></div> <br /> <br />  <b>Ben Kimim? seçeneği seçildikten <span class="GRcorrect" grcontextid="sonra:0" grmarkguid="235cd919-f260-4070-9569-896d02947b02" gruiphraseguid="8fe3a863-c1d7-4cd9-96b2-aae30da0c027">sonra</span>:</b><br /> <b><br /></b> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizM5CSD-4Ga3OUWnMP3lIdwx568pBIPaQ_ZOubglTBsbq0wtceVdrI5vFnblfwKKZPjyUq-_zJQ1rB2NIm48j_XECc17WNut6t00q3TqEzBUGdcHMO0qCiso-s6i7-ne3VChOvIQyq-Ss/s1600/8.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em; text-align: center;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizM5CSD-4Ga3OUWnMP3lIdwx568pBIPaQ_ZOubglTBsbq0wtceVdrI5vFnblfwKKZPjyUq-_zJQ1rB2NIm48j_XECc17WNut6t00q3TqEzBUGdcHMO0qCiso-s6i7-ne3VChOvIQyq-Ss/s1600/8.png" /></a></div> <br /> <b><br /></b> <div class="separator" style="clear: both; text-align: center;"> </div> <div class="separator" style="clear: both; text-align: center;"> <br /></div> <b>Menü tuşuna tekrar basıp,bu seferde Hakkımda seçeneğine tıklayalım:</b><br /> <div class="separator" style="clear: both; text-align: center;"> <br /></div> <div class="separator" style="clear: both; text-align: center;"> <br /></div> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjS1BorNVKGyjK5UtsfxoczBi4LzJWmGg3xy53o5OdYL89UzajPpPk3XQJuiNGbgs48eYEedQk_gVyJXi8IBwFoUPWbrrXt5mYQouWnoS5Ssxf9znpskwZzi_X-X7boZbuJnBT4NPWgLLo/s1600/9.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em; text-align: center;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjS1BorNVKGyjK5UtsfxoczBi4LzJWmGg3xy53o5OdYL89UzajPpPk3XQJuiNGbgs48eYEedQk_gVyJXi8IBwFoUPWbrrXt5mYQouWnoS5Ssxf9znpskwZzi_X-X7boZbuJnBT4NPWgLLo/s1600/9.png" /></a></div> <br /> <div class="separator" style="clear: both; text-align: center;"> </div> <div class="separator" style="clear: both; text-align: center;"> <br /></div> <div class="separator" style="clear: both; text-align: center;"> Uygulamanın kaynak kodunu <a href="http://dl.dropbox.com/u/38056184/SecenekMenusu.zip">buradan</a> indirebilirsiniz.</div> <div> </div> </div>

Android Mobil Tel Seçenek Menüsü Oluşturma Resimli

Seçenek menüsü, Android işletim sistemli cihazımızda menü tuşuna bastığımız zaman karşımıza çıkan ve  mevcut aktiviteyle ilgili bize seçene...

Devamı »