胡惠 發表於 2020-5-11 09:03:00

android开发——我的第一个helloWorld程序

<p>一、新建项目</p>
<p>1、点击"Start a new Android Studio project"来新建项目</p>
<p><img src="https://img2020.cnblogs.com/blog/2026935/202005/2026935-20200508203921956-1687989903.png" alt="" width="449" height="282"></p>
<p>2、点击Empty Activity创建空模板,点击next</p>
<p><img src="https://img2020.cnblogs.com/blog/2026935/202005/2026935-20200508204502287-1737993151.png" alt="" width="663" height="401"></p>
<p>&nbsp;3、填写项目名为“HelloWorld”,Save location一定要没有中文的目录下,语言选择java,Minimum SDK可以选择适合大多数设备的API版本,点击finish</p>
<p><img src="https://img2020.cnblogs.com/blog/2026935/202005/2026935-20200508205218414-961662710.png" alt="" width="679" height="455"></p>
<p>&nbsp;二、认识studio的界面</p>
<p>1、左侧的project为项目目录</p>
<p>2、底部:terminal【可用来使用adb命令】;build:【显示构建项目的错误】;Logcat:【查看程序运行时产生的日志】</p>
<p>3、app/java/com.example.helloworl/MainActivity.java 【源程序文件】</p>
<p>4、app/res/layout/activity_main.xml 【与界面有关的布局文件】</p>
<p>5、最上面两个红色方框,一个是显示当前可以连接的设备,另一个三角形为运行按钮</p>
<p><img src="https://img2020.cnblogs.com/blog/2026935/202005/2026935-20200508210518439-756020130.png" alt="" width="940" height="498"></p>
<p>&nbsp;三、连接指定的设备来安装及测试程序</p>
<p>设备有两种,一种叫虚拟机(virtual device),另一种叫真机(即真正的设备,如手机、平板)</p>
<p>1、虚拟机的设置</p>
<p>(1)点击“Open AVD Manager”(AVD:Android virtual device)</p>
<p><img src="https://img2020.cnblogs.com/blog/2026935/202005/2026935-20200508212805559-2049372847.png" alt="" width="901" height="189"></p>
<p>(2)点击左下角“Create Virtual Device” (已有的虚拟机可以如图点击“Delete”来删除)</p>
<p><img src="https://img2020.cnblogs.com/blog/2026935/202005/2026935-20200508213219962-164492312.png" alt="" width="765" height="321"></p>
<p>(3)选择需要的虚拟机</p>
<p>右边category为设备种类,中间为设备的大小尺寸,任意选择一个点击next</p>
<p><img src="https://img2020.cnblogs.com/blog/2026935/202005/2026935-20200508220002830-714460062.png" alt="" width="706" height="426"></p>
<p>&nbsp;选择API Level 为R,点击next,点击finish</p>
<p><img src="https://img2020.cnblogs.com/blog/2026935/202005/2026935-20200508220231662-1593656710.png" alt="" width="700" height="423"></p>
<p>&nbsp;2、真机的设置</p>
<p>(1)用USB数据线连接手机和电脑,在弹出的连接方式选择<span style="color: rgba(0, 0, 0, 1); background-color: rgba(255, 255, 0, 1)">传输文件</span></p>
<p><img src="https://img2020.cnblogs.com/blog/2026935/202005/2026935-20200508221128492-1043400496.png" alt="" width="220" height="170"></p>
<p>&nbsp;(2)打开手机上的开发者模式</p>
<p>  (每个牌子手机的开发者模式的打开方式不同,可以自行百度,我的是在设置-&gt;系统-&gt;开发人员选项-&gt;勾选开发者选项-&gt;允许USB调试)</p>
<p>  点击确认:</p>
<p><img src="https://img2020.cnblogs.com/blog/2026935/202005/2026935-20200508221917454-1112370339.png" alt="" width="222" height="144"></p>
<p>(3)查看是否已连接到真机</p>
<p><img src="https://img2020.cnblogs.com/blog/2026935/202005/2026935-20200508222223840-1094431497.png" alt="" width="265" height="242"></p>
<p>如图已经连接到我的手机</p>
<p>四、代码部分</p>
<p>因为empty activity里有一个自动生成的activity_main.xml布局文件,所以我们可以直接修改该布局,右上角切换代码和设计视图</p>
<p><img src="https://img2020.cnblogs.com/blog/2026935/202005/2026935-20200508222811276-1362487334.png" alt="" width="675" height="359"></p>
<p>Design设计预览:实时显示布局效果&nbsp; Blueprint蓝图模式:显示控件的间距和布局结构,只显示每个视图view的轮廓</p>
<p><img src="https://img2020.cnblogs.com/blog/2026935/202005/2026935-20200508223536572-1270712221.png" alt="" width="675" height="358"></p>
<p>1、利用设计视图修改布局文件</p>
<p>(1)修改布局layout(布局相当于一个容器控件)</p>
<p>如图选中ConstraintLayout,单击鼠标右键--&gt;Convert view..</p>
<p><img src="https://img2020.cnblogs.com/blog/2026935/202005/2026935-20200508224032143-1281584064.png" alt="" width="682" height="383"></p>
<p>选择:[ 约束布局ConostraintLayout | 协调布局CoordinatorLayout | 线性布局LinearLayout | 相对布局RelativeLayout |&nbsp;</p>
<p>帧布局FrameLayout ]之中的一个,一般线性布局和相对布局用的比较多,点击Apply</p>
<p>&nbsp;<img src="https://img2020.cnblogs.com/blog/2026935/202005/2026935-20200508225110347-323649757.png" alt="" width="380" height="176"></p>
<p>&nbsp;(2)利用属性面板设置属性</p>
<p>左侧的palette:可以拖拽<span style="background-color: rgba(255, 255, 0, 1)">控件</span>到左侧下方的Component Tree,还可以拖拽设置嵌套关系</p>
<p>右侧的属性面板:可以直接修改属性</p>
<p><img src="https://img2020.cnblogs.com/blog/2026935/202005/2026935-20200509144759946-2056181874.png" alt="" width="720" height="405"></p>
<p>&nbsp;2、利用代码视图设计布局文件</p>
<p>(1)xml代码,我一般不自己写代码,而是通过拖拽的方式放控件,再修改代码</p>
<div class="cnblogs_Highlighter">
<pre class="brush:html;gutter:true;">&lt;?xml version="1.0" encoding="utf-8"?&gt;
&lt;LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:gravity="center"
    android:orientation="vertical"
    tools:context=".MainActivity"&gt;

    &lt;TextView
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:text="Hello World!" /&gt;
&lt;/LinearLayout&gt;</pre>
</div>
<p>五、设置app的图标和名字</p>
<p>找到资源文件 AndroidManifest.xml</p>
<p><img src="https://img2020.cnblogs.com/blog/2026935/202005/2026935-20200509164529322-1238561501.png" alt="" width="1239" height="107"></p>
<p>1、设置app图标</p>
<p>(1)自己准备一个圆形和一个方形的png图片作为app图标(<span style="background-color: rgba(255, 255, 153, 1)">注意图片的名称一定不能出现大写字母和中文</span>)</p>
<p>(2)复制图片粘贴到app/res/mipmap文件夹下</p>
<p>关于粘贴时选择分辨率的问题可以参考https://blog.csdn.net/sarsscofy/article/details/9249397</p>
<p><img src="https://img2020.cnblogs.com/blog/2026935/202005/2026935-20200515181006035-908175100.png" alt="" width="228" height="109">我这里就用中等的分辨率mdpi</p>
<p>(3)修改AndroidManifest.xml代码</p>
<div class="cnblogs_code">
<pre>android:roundIcon="@mipmap/wiki_fruit_round"</pre>
</div>
<div class="cnblogs_code">
<pre>android:icon="@mipmap/kiwi_fruit"</pre>
</div>
<p>2、设置app名字</p>
<p>(1)找到AndroidManifest.xml里的label,发现用到了string里的变量</p>
<div class="cnblogs_code">
<pre>android:label="@string/app_name"</pre>
</div>
<p>(2)找到app/res/values/strings.xml,修改app_name,这里改成firstHelloWorld</p>
<div class="cnblogs_code">
<pre><span style="color: rgba(0, 0, 255, 1)">&lt;</span><span style="color: rgba(128, 0, 0, 1)">resources</span><span style="color: rgba(0, 0, 255, 1)">&gt;</span>
    <span style="color: rgba(0, 0, 255, 1)">&lt;</span><span style="color: rgba(128, 0, 0, 1)">string </span><span style="color: rgba(255, 0, 0, 1)">name</span><span style="color: rgba(0, 0, 255, 1)">="app_name"</span><span style="color: rgba(0, 0, 255, 1)">&gt;</span>firstHelloWorld<span style="color: rgba(0, 0, 255, 1)">&lt;/</span><span style="color: rgba(128, 0, 0, 1)">string</span><span style="color: rgba(0, 0, 255, 1)">&gt;</span>
<span style="color: rgba(0, 0, 255, 1)">&lt;/</span><span style="color: rgba(128, 0, 0, 1)">resources</span><span style="color: rgba(0, 0, 255, 1)">&gt;</span></pre>
</div>
<p>六、软件国际化</p>
<p>  所谓国际化,是指应用有多种语言可以切换,和平时那种下拉框选择语言不同,这里做的是应用通过检查手机的语言设置来判断用哪种语种(这里以中英文示例)</p>
<p>  关于出现在应用的文字,建议都写进app/res/values/strings.xml,通过引用的方式得到文字,这样也方便国际化</p>
<p>1、在app/res/values 这个文件夹上右键,New-&gt;Values Resource File,如下图也取名strings</p>
<p>  如下图点击左侧的Locale,选择语言为中文,应用地区是中国</p>
<p>&nbsp;<img src="https://img2020.cnblogs.com/blog/2026935/202005/2026935-20200515173024642-931537152.png" alt="" width="516" height="302"><img src="https://img2020.cnblogs.com/blog/2026935/202005/2026935-20200515173128909-925227242.png" alt="" width="510" height="299"></p>
<p>&nbsp;<img src="https://img2020.cnblogs.com/blog/2026935/202005/2026935-20200515175232349-102399131.png" alt="" width="166" height="261">如图就会自动生成strings文件夹</p>
<p>2、把strings.xml里的代码复制粘贴到strings.xml(zh-rCN) 并修改标签里的内容,把英文改成中文</p>
<div class="cnblogs_code">
<pre><span style="color: rgba(0, 0, 255, 1)">&lt;</span><span style="color: rgba(128, 0, 0, 1)">resources</span><span style="color: rgba(0, 0, 255, 1)">&gt;</span>
    <span style="color: rgba(0, 0, 255, 1)">&lt;</span><span style="color: rgba(128, 0, 0, 1)">string </span><span style="color: rgba(255, 0, 0, 1)">name</span><span style="color: rgba(0, 0, 255, 1)">="app_name"</span><span style="color: rgba(0, 0, 255, 1)">&gt;我的第一个HelloWorld程序</span><span style="color: rgba(0, 0, 255, 1)">&lt;/</span><span style="color: rgba(128, 0, 0, 1)">string</span><span style="color: rgba(0, 0, 255, 1)">&gt;</span>
<span style="color: rgba(0, 0, 255, 1)">&lt;/</span><span style="color: rgba(128, 0, 0, 1)">resources</span><span style="color: rgba(0, 0, 255, 1)">&gt;</span></pre>
</div>
<p>&nbsp;</p>
<p>七、运行程序安装应用</p>
<p>  点击上方的绿色箭头运行,如果用的是虚拟机,需要等待几分钟开启虚拟机,等虚拟机出现后再次点击运行按钮</p>
<p>  我的建议是用真机更好,因为模拟器在电脑运行会很卡,但是在真机测试一下子就安装好了(为了展示方便我这里用模拟器)</p>
<p><img src="https://img2020.cnblogs.com/blog/2026935/202005/2026935-20200511085202168-293451034.png" alt="" width="201" height="360"><img src="https://img2020.cnblogs.com/blog/2026935/202005/2026935-20200511085507089-516327983.png" alt="" width="202" height="362"></p>
<p>&nbsp;</p>
<p>&nbsp;第一个helloworld的应用就做好啦,此时的应用只有一个界面,显示“hello world”</p>
<p>关于android开发的学习,给大家推荐一个网站:https://www.yiibai.com/android/,关于控件都有详细介绍,师傅领进门,修行靠个人!我们一起加油吧</p><br><br>
来源:https://www.cnblogs.com/androidFreshMan/p/12853184.html
頁: [1]
查看完整版本: android开发——我的第一个helloWorld程序