美文网首页
第一个Android应用:生日贺卡

第一个Android应用:生日贺卡

作者: 海深不蓝_ | 来源:发表于2017-01-07 20:42 被阅读152次

    这是小弟在优达学城的一个纳米学位课程中学到的,是我的android处女作,感兴趣的同学也可以去学习。cn.udacity.com/course/android-basics-nanodegree-by-google--nd803这是一个七天免费的课程,课程视频可以免费下载大部分有字幕,不过是英文的。话不多说,言归正传。(IDE:Android Studio)

    <h2>step1:明确布局</h2>

    很明显,根据效果图,这个应用的布局很简单,有两个TextView和一个ImageView。因为并不是简单的垂直或水平布局,所以布局选择相对布局。

    布局.jpg
    
        <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:tools="http://schemas.android.com/tools"
        <ImageView
        />
        <TextView
        />
        </RelativeLayout>`
    

    <h2>step2:基本内容</h2>
    首先创建一个空的项目,然后找到activity_main.xml(res文件夹中)写出一些基本的内容,引入图片。引入图片的方法很简单,把你的图片添加到drawable文件夹中。一般所有的资源文件都放在res文件夹中,res是resource缩写。<code>android:src="@drawable/androidparty"</code>就是添加图片路径,引入到程序中。

        <ImageView
        android:src="@drawable/androidparty"
        android: layout_width="wrap_content"
        android:layout_height="wrap_content"
        />
        <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="From XiaoNai"
        />
        <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Happy Birthday!"
        / >
    

    <h2>step3:调整属性</h2>
    开始对文字的大小颜色等以及图片的大小进行调整。到了这一步基本就完成了。

    <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"    
    xmlns:tools="http://schemas.android.com/tools"    
    android:id="@+id/activity_main"    
    android:layout_width="match_parent"    
    android:layout_height="match_parent"    
    tools:context="com.example.administrator.birthdaycard.MainActivity">    
    <ImageView        
    android:src="@drawable/androidparty"        
    android:layout_width="match_parent"        <!-- 设置图片的大小自适应设备宽度-->
    android:layout_height="match_parent"        
    android:scaleType="centerCrop"                 <!--centerCrop可以使图片更好的放大显示-->
     />    
    <TextView        
    android:layout_width="wrap_content"        
    android:layout_height="wrap_content"        
    android:text="From WangKe"        
    android:layout_alignParentBottom="true"        <!--使text贴近父view的最底部-->
    android:layout_alignParentRight="true"        <!--使text贴近父view的最右端-->
    android:id="@+id/text_name"        
    android:textSize="36sp"                                <!--设置字体大小-->
    android:textColor="@android:color/white"        <!--设置字体颜色-->
    android:fontFamily="sans-serif-light"              <!--设置字体样式->
    android:padding="15dp"                                 <!--设置字体内边距-->
     />    
    <TextView    
    android:layout_width="wrap_content"    
    android:layout_height="wrap_content"    
    android:text="Happy Birthday!"    
    android:id="@+id/text_bir"   
     android:textSize="36sp"    
    android:textColor="@android:color/white"    
    android:fontFamily="sans-serif-light"        
    android:padding="15dp"        
    />
    </RelativeLayout>
    

    如果你发现你的文字没了,应该是view的顺序问题,android里view的显示顺序和你写在代码的顺序一样,写在后边的在最上层。

    第一次写文章,思路不太清晰,很多点没说出来,大家有什么问题可以评论,一起研究。
    `

    相关文章

      网友评论

          本文标题:第一个Android应用:生日贺卡

          本文链接:https://www.haomeiwen.com/subject/pgwfbttx.html