翻譯|使用教程|編輯:何躍|2022-01-20 11:54:11.233|閱讀 3438 次
概述:在本教程中,我們將創(chuàng)建一個(gè)簡(jiǎn)單但功能齊全的安卓應(yīng)用程序,計(jì)算你點(diǎn)擊一個(gè)droid圖像的次數(shù)。之后,我們將在一個(gè)安卓虛擬設(shè)備上運(yùn)行它。
# 界面/圖表報(bào)表/文檔/IDE等千款熱門軟控件火熱銷售中 >>
現(xiàn)在慧都網(wǎng)與Jetbrians官方攜手,為全國(guó)高校提供正版免費(fèi)進(jìn)課堂服務(wù),如有需要 點(diǎn)擊這里了解詳情 。
對(duì)于Android項(xiàng)目,在IntelliJ IDEA項(xiàng)目工具窗口中有一個(gè)專門的視圖:點(diǎn)擊左上角的項(xiàng)目,選擇Android。
這個(gè)視圖并不反映你磁盤上文件的實(shí)際層次結(jié)構(gòu)--它是按模塊和文件類型組織的,以方便你在項(xiàng)目的源文件之間進(jìn)行導(dǎo)航。注意,它隱藏了你不常用的項(xiàng)目文件和目錄(要看它們,請(qǐng)選擇項(xiàng)目視圖)。
app文件夾由以下子文件夾組成。
在這個(gè)階段,我們的HelloDroid示例應(yīng)用程序的用戶界面是基于位于res/layout文件夾中的activity_main.xml文件中定義的一個(gè)非常簡(jiǎn)單的布局。
打開(kāi)用戶界面設(shè)計(jì)器
1. 在Android項(xiàng)目視圖中,進(jìn)入app/res/layout,雙擊activity_main.xml文件來(lái)打開(kāi)它。注意,由于IntelliJ IDEA下載渲染布局文件所需的組件,打開(kāi)它可能需要幾秒鐘。
如果UI設(shè)計(jì)器無(wú)法打開(kāi),并且得到設(shè)計(jì)編輯器不可用,直到項(xiàng)目同步成功的錯(cuò)誤,請(qǐng)按Ctrl+Shift+A,搜索同步項(xiàng)目與Gradle文件動(dòng)作,并等待同步完成。
默認(rèn)情況下,IntelliJ IDEA提供了一個(gè)布局文件的圖形視圖,但你也可以切換到源代碼視圖,或并排查看文本和圖形表示 - 使用UI設(shè)計(jì)器窗格右上角的圖標(biāo)。
這個(gè)窗格顯示了一個(gè)與布局定義和組件樹同步的矩形畫布,所以畫布的任何變化都會(huì)在這里實(shí)時(shí)顯示。
通常,布局文件有一個(gè)布局管理器作為其根元素(例如,LinearLayout、FrameLayout、ConstraintLayout,等等)。在我們的例子中,activity_main.xml的根元素是ConstraintLayout,它負(fù)責(zé)定位應(yīng)用界面的元素。在本教程中,我們不打算修改它,但你可以從中了解更多設(shè)計(jì)界面的知識(shí)。
2. 為了消除干擾,只看到你的布局是如何表現(xiàn)的,點(diǎn)擊左上角的選擇設(shè)計(jì)面圖標(biāo),選擇設(shè)計(jì)。
3. 現(xiàn)在讓我們刪除現(xiàn)有的文本元素。要做到這一點(diǎn),右擊文本標(biāo)簽,從上下文菜單中選擇刪除。
現(xiàn)在,用戶界面布局看起來(lái)如下,我們已經(jīng)準(zhǔn)備好開(kāi)始設(shè)計(jì)我們的應(yīng)用程序的布局。
在界面中添加圖片
1. 在安卓項(xiàng)目視圖中,展開(kāi)app/res文件夾,把你想用的圖片拖到drawable文件夾中。在本教程中,我們從網(wǎng)上下載了一張Hello Droid的圖片,并將其保存為50x50 px的尺寸。
2. 回到設(shè)計(jì)器窗格中打開(kāi)的activity_main.xml文件,從調(diào)色板中選擇ImageView元素,并把它拖到畫布上你希望圖片出現(xiàn)的位置。
3. 在打開(kāi)的 "挑選資源 "對(duì)話框中,選擇你所添加的資源文件并點(diǎn)擊 "確定"。
4. 接下來(lái),我們需要修改imageView元素的默認(rèn)id,以便以后能夠引用它。
在組件樹中選擇它,在右邊的屬性窗格中,在id字段中輸入新的標(biāo)識(shí)符:droidImage。按回車鍵;在打開(kāi)的對(duì)話框中,確認(rèn)你想更新所有對(duì)圖像元素id的引用。
1. 在調(diào)色板窗格中,選擇TextView元素并將其拖到圖像下方的畫布上。
該小組件會(huì)顯示一些默認(rèn)的文本。TextView。為了改變它并將其鏈接到一個(gè)字符串,我們需要?jiǎng)?chuàng)建一個(gè)新的文本資源。
2. 在左邊的組件樹上選擇textView元素。在右邊的屬性窗格中,點(diǎn)擊文本屬性旁邊的 "挑選資源 "圖標(biāo)。
3. 在打開(kāi)的對(duì)話框中,點(diǎn)擊添加資源到模塊的圖標(biāo),左上角的添加按鈕,選擇字符串值。
4. 在 "新字符串值 "對(duì)話框中,輸入資源名稱(welcome_text)和資源值(Hello!I'm a droid.)。
5. 點(diǎn)擊 "確定 "來(lái)保存這個(gè)值,然后在 "挑選資源 "對(duì)話框中點(diǎn)擊 "確定"。
6. 現(xiàn)在讓我們用修改imageView的方法來(lái)修改textView元素的id。在左邊的Component Tree中選擇textView,在Attributes pane中設(shè)置id為一個(gè)新值:clickCounter。
2. 改變字體顏色:找到textColor屬性,并點(diǎn)擊旁邊的Pick a Resource圖標(biāo)。在打開(kāi)的對(duì)話框中,點(diǎn)擊添加資源到模塊圖標(biāo),左上角的添加按鈕,選擇顏色值。輸入資源名稱(text_color)和值(#9C27B0)。
3. 改變字體大小:找到TextSize屬性,點(diǎn)擊旁邊的 "挑選資源 "圖標(biāo)。在打開(kāi)的對(duì)話框中,點(diǎn)擊添加資源到模塊圖標(biāo),左上角的添加按鈕,選擇尺寸值。輸入資源名稱(text_size)和值(24sp)。
如果你想知道這個(gè)界面在其他尺寸的設(shè)備是什么樣子的,從設(shè)備列表中選擇另一個(gè)設(shè)備;,點(diǎn)擊設(shè)計(jì)器工具欄上的預(yù)覽圖標(biāo)Android studio圖標(biāo)布局編輯器工具欄旋轉(zhuǎn)按鈕,選擇橫向可見(jiàn)手機(jī)橫放的狀態(tài)。
1. 在Android項(xiàng)目視圖中,找到app/java/com.example.hellodroid下的MainActivity文件,然后雙擊打開(kāi)它。
2. MainActivity不是一個(gè)非常有意義的類名,所以讓我們給它重命名。在Android項(xiàng)目視圖中右擊這個(gè)文件,從上下文菜單中選擇Refactor | Rename,或者按Shift+F6。在打開(kāi)的對(duì)話框中,改變類名HelloDroidActivity,然后點(diǎn)擊Refactor。
對(duì)這個(gè)類的所有引用將被自動(dòng)更新,而你的應(yīng)用程序的源代碼將看起來(lái)如下:
3. 替換上述代碼
package com.example.hellodroid; import android.os.Bundle; import android.view.View; import android.widget.ImageView; import android.widget.TextView; import androidx.appcompat.app.AppCompatActivity; public class HelloDroidActivity extends AppCompatActivity { private TextView message; private int counter = 0; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); message = findViewById(R.id.clickCounter); ImageView droid = findViewById(R.id.droidImage); //Define and attach click listener droid.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { tapDroid(); } }); } private void tapDroid() { counter++; String countAsText; /* * In real applications you should not write switch like the one below. * Use resource of type "Quantity strings (plurals)" instead. * See //developer.android.com/guide/topics/resources/string-resource#Plurals */ switch (counter) { case 1: countAsText = "once"; break; case 2: countAsText = "twice"; break; default: countAsText = String.format("%d times", counter); } message.setText(String.format("You touched the droid %s", countAsText)); } }
配置虛擬設(shè)備
1. 在IntelliJ IDEA的主工具欄上,點(diǎn)擊設(shè)備列表,選擇AVD管理器,根據(jù)向?qū)?chuàng)建設(shè)備;
2. 在下一步選擇向?qū)е羞x擇你滿意的設(shè)備和系統(tǒng)版本,并一直下一步,并按照向?qū)螺d和安裝結(jié)束。
1. 在IntelliJ IDEA的主工具欄上,確保自動(dòng)創(chuàng)建的運(yùn)行配置和我們剛剛配置的虛擬設(shè)備被選中,然后點(diǎn)擊運(yùn)行按鈕。
2. 在虛擬機(jī)上你可以執(zhí)行事件操作了。
以上就是我們這期新手上手IDEA android開(kāi)發(fā)的教程, 現(xiàn)在慧都網(wǎng)與Jetbrians官方攜手,為全國(guó)高校提供正版免費(fèi)進(jìn)課堂服務(wù),如有需要 點(diǎn)擊這里了解詳情。
加入我們的QQ群786598704 和更多朋友一起搞開(kāi)發(fā)吧!
本站文章除注明轉(zhuǎn)載外,均為本站原創(chuàng)或翻譯。歡迎任何形式的轉(zhuǎn)載,但請(qǐng)務(wù)必注明出處、不得修改原文相關(guān)鏈接,如果存在內(nèi)容上的異議請(qǐng)郵件反饋至chenjj@fc6vip.cn