建一个简单的用户界面

Create a Linear Layout(创建一个线性布局)

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="horizontal" >
</LinearLayout>

注释:android:orientation="vertical"水平线性布局,"horizontal"垂直水平线性

      match_parent:This value declares that the view should expand its width or height to match the width or height of the parent view.

Add a Text Field(添加一个text)

To create a user-editable text field, add an <EditText> element inside the <LinearLayout>

 <EditText android:id="@+id/edit_message"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:hint="@string/edit_message" />

Add String Resources

  • String resources allow you to manage all UI text in a single location, which makes it easier to find and update text.
  • 默认情况下string resource 文件位于t res/values/strings.xml.

The result for strings.xml looks like this:

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <string name="app_name">My First App</string>
    <string name="edit_message">Enter a message</string>
    <string name="button_send">Send</string>
    <string name="action_settings">Settings</string>
    <string name="title_activity_main">MainActivity</string>
</resources>

Add a Button

 <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/button_send" />
  • The height and width are set to "wrap_content" so the button is only as big as necessary to fit the button‘s text.
  • This button doesn‘t need the android:id attribute, because it won‘t be referenced from the activity code.

Make the Input Box Fill in the Screen Width

The layout is currently designed so that both the EditText and Button widgets are only as big as necessary to fit their content, as shown in figure

Figure 2. The EditText and Button widgets have their widths set to "wrap_content".

  • weight表示横向占比:如果有两个view(分别为view1,view2),view1的weight值设为2,view2的weight值设为1,那么view1占2/3,view2占1/3;
  • weight的默认值为0,所以如果在多个views中只设置一个weight值为1,其他均为0,那么weight值设为1的那个view会占全其他空间。
  • Here’s how your complete layout file should now look:
    <?xml version="1.0" encoding="utf-8"?>
    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:tools="http://schemas.android.com/tools"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="horizontal">
        <EditText android:id="@+id/edit_message"
            android:layout_weight="1"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:hint="@string/edit_message" />
        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@string/button_send" />
    </LinearLayout>
     
时间: 2024-11-04 08:21:33

建一个简单的用户界面的相关文章

制作一个简单的用户界面

制作一个简单的用户界面 这节课里面,我们来开发一个XML布局文件,这个布局文件里面会包含一个text field,文本输入框,和一个按钮button.下一节课里面,会教大家怎么在按下一个按钮的时候,跳转到另一个Activity. 这里先简单解释一下Android界面的构成.AndroidApp的界面是使用View和ViewGroup构建起来的.View通常就是我们常见的UI小部件,比如按钮Button.文本控件TextView等:而ViewGroup是一个View的容器,它可以限制这个容器里面的

Android官方入门文档[3]构建一个简单的用户界面

Android官方入门文档[3]构建一个简单的用户界面 Building a Simple User Interface构建一个简单的用户界面 This lesson teaches you to1.Create a Linear Layout2.Add a Text Field3.Add String Resources4.Add a Button5.Make the Input Box Fill in the Screen Width You should also read?Layouts

[51单片机] 以PWM控制直流电机为例建一个简单的51工程框架

目录 1)功能概述 2)引脚连接 3)框架介绍 4)模块说明 5)复用规则 6)工程链接 1)功能概述 名称:独立按键控制直流电机调速 内容:对应的电机接口需用杜邦线连接到uln2003电机控制端; 使用5V-12V 小功率电机皆可 2个按键分别加速和减速; 采用8个8段数码管的后两位显示0~10级速度; 2)引脚连接 P3连接按键:P0连接8x八段数码管,P22段码锁存,P23位码锁存:P1.1连接ULN2003的一个输入:直流电机端连接ULN2003对应的输出,另一端连接VCC. 3)框架介

[Android5 系列—] 1. 构建一个简单的用户界面

前言 安卓应用的用户界面是构建在View 和ViewGroup 这两个物件的层级之上的. View 就是一般的UI组件,像按钮,输入框等. viewGroup 是一些不可见的view的容器,用来定义子View 如何布局, 类似在一个网格或是一个垂直列表. 安卓提供了一套XML的标签词汇用来定义UI的页面显示. 定义一个线性布局 1. 在 res/layout 目录下.打开 activity_my.xml (my 是您定义的activity 的名字) 在创建工程师包含的 BlankActivity

构建一个简单的用户界面

安卓的图形用户接口(界面)是通过使用一个由视图(view)和视图集合(ViewGroup)对象组成的层级结构来构建的.View对象是一些常见UI组件,比如按钮,文本框,ViewGroup对象是一些不可见的视图容器,它定义了子视图如何摆放,比如在一个表格里或者一个垂直列表. 安卓提供了一个XML词汇表,它于view和ViewGroup的子类是一致的,这样你可以在XML中使用界面元素的层级来定义你的界面. 图一. 说明了 在布局中,ViewGroup对象形式如何分支,和包含其他的视图对象. 在这节课

[MySQL5.6] 一个简单的optimizer_trace示例

[MySQL5.6] 一个简单的optimizer_trace示例 前面已经介绍了如何使用和配置MySQL5.6中optimizer_trace(点击博客),本篇我们以一个相对简单的例子来跟踪optimizer_trace的产生过程. 本文的目的不是深究查询优化器的实现,只是跟踪optimizer trace在优化器的那一部分输出,因此很多部分只是一带而过,对于需要深究的部分,暂时标注为红色,后续再扩展阅读;之前一直没看过这部分代码,理解起来还是比较困难的… 我们以一个简单的表为例过一下opti

用maven建一个Hello World项目,maven初使用,maven如何使用

大牛都说maven好用,自己就配置了maven的环境变量,用eclipse建了一个maven项目,但是很遗憾,运行时报错了! 下面就一步步的用maven建一个简单的web项目来讲解一下:(环境配置百度上有,我也忘了,JDK我都不记得怎么配了) 我用了一个新的eclipse来建项目(因为使用maven除了要配置环境变量之外,在eclipse中也是需要配置一些东西的!---我的eclipse用的是jee-mars,其实jee-neon2是最新的,但是这个版本老是无响应,我就换了一个,可能是我的电脑太

一个简单的Qt程序分析

本文概要:通过一个简单的Qt程序来介绍Qt程序编写的基本框架与一些Qt程序中常见的概念 #include <QApplication> #include <QPushButton> int main(int argc, char *argv[]) { QApplication app(argc, argv); QPushButton *button = new QPushButton("Quit"); QObject::connect(button, SIGNA

一个简单的WInCE(转载百度)

VS2008中开发智能设备程序的一些总结收藏1 结合前几日开发的<全国大坝基础数据库采集端>中的PDA程序开发过程,对VS2008开发智能设备上的程序做个小总结. 1         程序结构 程序中包括四个部分: 1. 系统配置 这个部分用来配置系统中的相关参数,参数包括数据库信息和串口的配置信息.这部分的主要技术是XML文件的读取和写入. 2. 数据下载 从数据库中下载数据到PDA,PDA上的保存也是使用数据库.这部分的技术主要是PDA设备上的移动数据库开发和使及用PDA连接PC数据库 3