把大象放冰箱

把大象放冰箱统共分三步:

把大象放冰箱_第1张图片
轻轻的打开冰箱门
把大象放冰箱_第2张图片
把大象赶进去,当然手也拿不动
把大象放冰箱_第3张图片
大象进去后就 把冰箱门关上

创建一个Android应用程序也分三步,但首先你得学习绘画,把用户界面作出来,通过绘画可以自动生成代码。所以可以说从绘画到编码只需三步!

把大象放冰箱_第4张图片
Three easy steps
把大象放冰箱_第5张图片
学过三视图啦

当你有了剧本你才能去拍摄一幅幅影像,但程序设计却恰恰相反,从已有设计原型开始,从一帧帧绘制原型到编写代码。
把资源文件,如背景图片,放置在指定的资源文件夹内。

The Drawable Folder
把大象放冰箱_第6张图片
Background Image

通过ImageView的src属性赋值就可以选择这幅背景图片了。
是的,项目文件中已经有了背景图片文件了。

把大象放冰箱_第7张图片
项目文件



加入上面的代码,可以看到预览如下:

把大象放冰箱_第8张图片
Select Views

第一步:选择大象

冰箱里放哪只大象?布局中都包含哪些视图?是,首先选择视图。
两个TextView,一幅背景图片。哇,这不是放一只大象,是把三只小象都放里面。

2 TextViews                    //不同位置的两段文字
1 ImageViews                   //一幅活动的背景图片
打开冰箱门
<                             打开了
把大象赶进去
2 TextViews                    //谁家的两只小象
1 ImageViews                   //谁家的一只小象
关上冰箱门
/>                            关上了

第二步:决定位置

三只小象各置于什么位置?相互之间什么关系,会不会一只象骑在另一只象身上?还是一只挨着一只依次排开?还是彼此之间相对或绝对保持一定距离?靠边站?还是挤到角落里?
给张图说明:

把大象放冰箱_第9张图片
自己的位置不知道吗?
        android:layout_alignParentRight = "true"
        android:layout_alignParentBottom = "true"
把大象放冰箱_第10张图片
From Simtech2win布置到右下角

第三步:鼻子插大葱,妆相

英文叫做Style the views,文本、按钮、图片反正不管是什么,都得给出一个特殊的形象,妆饰是必须的,各种妆!
文本大一点或者小一点?字体?颜色?

android:textSize="48sp"
android:fontFamily="sans-serif-light"
android:textColor="@android:color/white"

图片的伸缩方式

android:scaleType="centerCrop"
或者
android:scaleType="center"
把大象放冰箱_第11张图片

    
    
        android:
    
    
把大象放冰箱_第12张图片

你可能感兴趣的:(把大象放冰箱)