翻譯|使用教程|編輯:何躍|2022-01-20 11:54:11.233|閱讀 3438 次
概述:在本教程中,我們將創建一個簡單但功能齊全的安卓應用程序,計算你點擊一個droid圖像的次數。之后,我們將在一個安卓虛擬設備上運行它。
# 界面/圖表報表/文檔/IDE等千款熱門軟控件火熱銷售中 >>
現在慧都網與Jetbrians官方攜手,為全國高校提供正版免費進課堂服務,如有需要 點擊這里了解詳情 。
對于Android項目,在IntelliJ IDEA項目工具窗口中有一個專門的視圖:點擊左上角的項目,選擇Android。
這個視圖并不反映你磁盤上文件的實際層次結構--它是按模塊和文件類型組織的,以方便你在項目的源文件之間進行導航。注意,它隱藏了你不常用的項目文件和目錄(要看它們,請選擇項目視圖)。
app文件夾由以下子文件夾組成。
在這個階段,我們的HelloDroid示例應用程序的用戶界面是基于位于res/layout文件夾中的activity_main.xml文件中定義的一個非常簡單的布局。
打開用戶界面設計器
1. 在Android項目視圖中,進入app/res/layout,雙擊activity_main.xml文件來打開它。注意,由于IntelliJ IDEA下載渲染布局文件所需的組件,打開它可能需要幾秒鐘。
如果UI設計器無法打開,并且得到設計編輯器不可用,直到項目同步成功的錯誤,請按Ctrl+Shift+A,搜索同步項目與Gradle文件動作,并等待同步完成。
默認情況下,IntelliJ IDEA提供了一個布局文件的圖形視圖,但你也可以切換到源代碼視圖,或并排查看文本和圖形表示 - 使用UI設計器窗格右上角的圖標。
這個窗格顯示了一個與布局定義和組件樹同步的矩形畫布,所以畫布的任何變化都會在這里實時顯示。
通常,布局文件有一個布局管理器作為其根元素(例如,LinearLayout、FrameLayout、ConstraintLayout,等等)。在我們的例子中,activity_main.xml的根元素是ConstraintLayout,它負責定位應用界面的元素。在本教程中,我們不打算修改它,但你可以從中了解更多設計界面的知識。
2. 為了消除干擾,只看到你的布局是如何表現的,點擊左上角的選擇設計面圖標,選擇設計。
3. 現在讓我們刪除現有的文本元素。要做到這一點,右擊文本標簽,從上下文菜單中選擇刪除。
現在,用戶界面布局看起來如下,我們已經準備好開始設計我們的應用程序的布局。
在界面中添加圖片
1. 在安卓項目視圖中,展開app/res文件夾,把你想用的圖片拖到drawable文件夾中。在本教程中,我們從網上下載了一張Hello Droid的圖片,并將其保存為50x50 px的尺寸。
2. 回到設計器窗格中打開的activity_main.xml文件,從調色板中選擇ImageView元素,并把它拖到畫布上你希望圖片出現的位置。
3. 在打開的 "挑選資源 "對話框中,選擇你所添加的資源文件并點擊 "確定"。
4. 接下來,我們需要修改imageView元素的默認id,以便以后能夠引用它。
在組件樹中選擇它,在右邊的屬性窗格中,在id字段中輸入新的標識符:droidImage。按回車鍵;在打開的對話框中,確認你想更新所有對圖像元素id的引用。
1. 在調色板窗格中,選擇TextView元素并將其拖到圖像下方的畫布上。
該小組件會顯示一些默認的文本。TextView。為了改變它并將其鏈接到一個字符串,我們需要創建一個新的文本資源。
2. 在左邊的組件樹上選擇textView元素。在右邊的屬性窗格中,點擊文本屬性旁邊的 "挑選資源 "圖標。
3. 在打開的對話框中,點擊添加資源到模塊的圖標,左上角的添加按鈕,選擇字符串值。
4. 在 "新字符串值 "對話框中,輸入資源名稱(welcome_text)和資源值(Hello!I'm a droid.)。
5. 點擊 "確定 "來保存這個值,然后在 "挑選資源 "對話框中點擊 "確定"。
6. 現在讓我們用修改imageView的方法來修改textView元素的id。在左邊的Component Tree中選擇textView,在Attributes pane中設置id為一個新值:clickCounter。
2. 改變字體顏色:找到textColor屬性,并點擊旁邊的Pick a Resource圖標。在打開的對話框中,點擊添加資源到模塊圖標,左上角的添加按鈕,選擇顏色值。輸入資源名稱(text_color)和值(#9C27B0)。
3. 改變字體大小:找到TextSize屬性,點擊旁邊的 "挑選資源 "圖標。在打開的對話框中,點擊添加資源到模塊圖標,左上角的添加按鈕,選擇尺寸值。輸入資源名稱(text_size)和值(24sp)。
如果你想知道這個界面在其他尺寸的設備是什么樣子的,從設備列表中選擇另一個設備;,點擊設計器工具欄上的預覽圖標Android studio圖標布局編輯器工具欄旋轉按鈕,選擇橫向可見手機橫放的狀態。
1. 在Android項目視圖中,找到app/java/com.example.hellodroid下的MainActivity文件,然后雙擊打開它。
2. MainActivity不是一個非常有意義的類名,所以讓我們給它重命名。在Android項目視圖中右擊這個文件,從上下文菜單中選擇Refactor | Rename,或者按Shift+F6。在打開的對話框中,改變類名HelloDroidActivity,然后點擊Refactor。
對這個類的所有引用將被自動更新,而你的應用程序的源代碼將看起來如下:
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)); } }
配置虛擬設備
1. 在IntelliJ IDEA的主工具欄上,點擊設備列表,選擇AVD管理器,根據向導創建設備;
2. 在下一步選擇向導中選擇你滿意的設備和系統版本,并一直下一步,并按照向導下載和安裝結束。
1. 在IntelliJ IDEA的主工具欄上,確保自動創建的運行配置和我們剛剛配置的虛擬設備被選中,然后點擊運行按鈕。
2. 在虛擬機上你可以執行事件操作了。
以上就是我們這期新手上手IDEA android開發的教程, 現在慧都網與Jetbrians官方攜手,為全國高校提供正版免費進課堂服務,如有需要 點擊這里了解詳情。
加入我們的QQ群786598704 和更多朋友一起搞開發吧!
本站文章除注明轉載外,均為本站原創或翻譯。歡迎任何形式的轉載,但請務必注明出處、不得修改原文相關鏈接,如果存在內容上的異議請郵件反饋至chenjj@fc6vip.cn