Android-使用XML布局文件实现游戏的开始界面

使用XML布局文件实现游戏的开始界面

在Activity中使用代码显示XML文件中布局的内容
setContentView(R.layout.main)//R.java main.xml??

修改res/layout/main.xml文件
<?xml version="1.0" encoding="utf-8"?>
    <FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:orientation="vertical"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:background="@drawable/back"
        >
        <!-- 添加提示文字 -->
        <TextView  
            android:layout_width="fill_parent" 
            android:layout_height="wrap_content" 
            android:text="@string/title"
            android:textSize="20dp"
            android:textColor="#111111"
        />
        <!-- 添加开始按钮 -->
        <TextView 
            android:id="@+id/startButton"   
            android:layout_gravity="center_vertical|center_horizontal"//使指定组件在帧布局中居中显示
            android:text="@string/start"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:textSize="20dp"
            android:textColor="#111111"
        />
    </FrameLayout>

    修改res/values/string.xml

    <?xml version="1.0" encoding="utf-8"?>
    <resources>
        <string name="hello">Hello World,Activity!</string>
        <string name="app_name">Example</string>
        <string name="title">使用XML布局文件控制UI界面</string>
        <string name="start">单击开始游戏......</string>   
    </resources>

String.xml文件用于定义程序中应用的字符串常量,其中,每一个子元素都可以定义一个字符串常量,常量名称由name属性决定,常量 内容写在起始标记和结束标记之间。

Android布局

Android布局是应用界面开发的重要一环,在Android中,共有五种布局方式,分别是:LinearLayout (线性布局),FrameLayout(框架布
局),AbsoluteLayout(绝对布局),RelativeLayout(相对布局),TableLayout(表格布局)。

一、LinearLayout

线性布局,这个东西,从外框上可以理解为一个div,他首先是一个一个从上往下罗列在屏幕上。每一个LinearLayout里面又可分为垂直布局(android:orientation=”vertical”)和水平布局(android:orientation=”horizontal” )。当垂直布局时,每一行就只有一个元素,多个元素依次垂直往下;水平布局时,只有一行,每一个元素依次向右排列。
linearLayout中有一个重要的属性 android:layout_weight=”1”,这个weight在垂直布局时,代表行距;水平的时候代表列宽;weight值越大就越大。

二、FrameLayout

FrameLayout是最简单的一个布局对象。它被定制为你屏幕上的一个空白备用区域,之后你可以在其中填充一个单一对象 — 比如,一张你要发布的图片。所有的子元素将会固定在屏幕的左上角;你不能为FrameLayout中的一个子元素指定一个位置。后一个子元素将会直接在前一个子元素之上进行覆盖填充,把它们部份或全部挡住(除非后一个子元素是透明的)。

三、AbsoluteLayout

AbsoluteLayout 这个布局方式很简单,主要属性就两个 layout_x 和 layout_y 分别定义 这个组件的绝对位置。 即,以屏幕左上角为(0,0)的坐标轴的x,y值,当向下或向右移动时,坐标值将变大。AbsoluteLayout 没有页边框,允许元素之间互相重叠(尽管不推荐)。我们通常不推荐使用 AbsoluteLayout ,除非你有正当理由要使用它,因为它使界面代码太过刚性,以至于在不同的设备上可能不能很好地工作。

四、RelativeLayout

相对布局可以理解为某一个元素为参照物,来定位的布局方式。
android:layout_方向 = id 表示 在这个id对应的控件的方向上(上|下)

android:layout_align方向 = id 表示和这个控件的(上下左右)对齐

android: layout_to方向Of = id 表示在这个控件的 左或者右
eg:
android:layout_below=”@id/la1”/>
将当前控件放置于id为la1 的控件下方。
android:layout_alignParentRight=”true”
使当前控件的右端和父控件的右端对齐。这里属性值只能为true或false,默认false。
android:layout_marginLeft=”10dip”
使当前控件左边空出相应的空间。
android:layout_toLeftOf=”@id/true”
使当前控件置于id为true的控件的左边。
android:layout_alignTop=”@id/ok”
使当前控件与id为ok的控件上端对齐。

五、TableLayout

表格布局类似Html里面的Table。每一个TableLayout里面有表格行TableRow,TableRow里面可以具体定义每一个元素。每个TableRow 都会定义一个 row (事实上,你可以定义其它的子对象,这在下面会解释到)。TableLayout 容器不会显示row 、cloumns 或cell 的边框线。每个 row 拥有0个或多个的cell ;每个cell 拥有一个View 对象。表格由列和行组成许多的单元格。表格允许单元格为空。单元格不能跨列,这与HTML 中的不一样。

来自 <http://www.cnblogs.com/chiao/archive/2011/08/24/2152435.html> 


**

android布局–Android fill_parent、wrap_content和match_parent的区别

**
三个属性都用来适应视图的水平或垂直大小,一个以视图的内容或尺寸为基础的布局比精确地指定视图范围更加方便。
1)fill_parent
设置一个构件的布局为fill_parent将强制性地使构件扩展,以填充布局单元内尽可能多的空间。这跟Windows控件的dockstyle属性大体一致。设置一个顶部布局或控件为fill_parent将强制性让它布满整个屏幕。
2) wrap_content
设置一个视图的尺寸为wrap_content将强制性地使视图扩展以显示全部内容。以TextView和ImageView控件为例,设置为wrap_content将完整显示其内部的文本和图像。布局元素将根据内容更改大小。设置一个视图的尺寸为wrap_content大体等同于设置Windows控件的Autosize属性为True。
3)match_parent
Android2.2中match_parent和fill_parent是一个意思 .两个参数意思一样,match_parent更贴切,于是从2.2开始两个词都可以用。那么如果考虑低版本的使用情况你就需要用fill_parent了

来自 <http://www.cnblogs.com/nikyxxx/archive/2012/06/15/2551390.html> 

Android id

Android中的组件需要用一个int类型的值来表示,这个值就是组件标签中的id属性值。

id属性只能接受资源类型的值,也就是必须以@开头的值,例如,@id/abc、@+id/xyz等。

如果在@后面使用“+”,表示当修改完某个布局文件并保存后,系统会自动在R.java文件中

生成相应的int类型变量。变量名就是“/”后面的值,例如,@+id/xyz会在R.java文件中生成

int xyz = value,其中value是一个十六进制的数。如果xyz在R.java中已经存在同名的变量,

就不再生成新的变量,而该组件会使用这个已存在的变量的值。
  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
1. 创建一个新的Android Studio项目,并在activity_main.xml中打开设计视图。 2. 将LinearLayout拖放到屏幕上,并在属性检查器中设置以下属性: orientation:vertical(垂直方向) gravity:center(居中对齐) padding:16dp(内边距) 3. 在LinearLayout中添加一个TextView,用于显示应用程序名称或欢迎消息。 4. 接下来,使用两个EditText小部件添加一个LinearLayout,用于输入用户名和密码。为了使它们看起来更漂亮,可以使用drawable文件夹中的几个图标。 5. 紧接着,添加一个Button,用于提交登录或注册信息。可以使用selector文件夹中的几个不同状态的按钮,如pressed和focused。 6. 最后,添加一个TextView链接到注册页面,并在LinearLayout中设置gravity属性以居中对齐。 完成后,您的用户登录注册界面应该如此: ``` <LinearLayout android:orientation="vertical" android:gravity="center" android:padding="16dp" android:layout_width="match_parent" android:layout_height="match_parent"> <TextView android:text="MyApp" android:textSize="24sp" android:textStyle="bold" android:layout_width="wrap_content" android:layout_height="wrap_content"/> <LinearLayout android:orientation="vertical" android:layout_marginTop="24dp" android:layout_width="match_parent" android:layout_height="wrap_content"> <EditText android:hint="Username" android:drawableLeft="@drawable/ic_person_outline_black_24dp" android:layout_width="match_parent" android:layout_height="wrap_content"/> <EditText android:hint="Password" android:drawableLeft="@drawable/ic_lock_outline_black_24dp" android:inputType="textPassword" android:layout_marginTop="16dp" android:layout_width="match_parent" android:layout_height="wrap_content"/> </LinearLayout> <Button android:text="Login" android:textColor="#fff" android:background="@drawable/btn_bg" android:layout_marginTop="24dp" android:layout_width="match_parent" android:layout_height="wrap_content"/> <TextView android:text="Don't have an account? Register" android:textColor="@color/colorPrimaryDark" android:layout_marginTop="24dp" android:layout_gravity="center_horizontal" android:layout_width="wrap_content" android:layout_height="wrap_content"/> </LinearLayout> ```

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值