Android:构建一个简单的 UI - 文章教程

Android:构建一个简单的 UI

发布于 2021-03-09 字数 2147 浏览 1158 评论 0

Android 的 GUI 由 View 和 ViewGroup 对象构成,View 指的就是那些 Button,Textfield 等等。ViewGroup 就是指 view 容器。

Android 可以直接通过XML配置文件来定义 UI。

创建一个 Linear 布局

打开res/layout/framgment_main.xml,删掉<RelativeLayout>换成<LinearLayout>

<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>

LinearLayout 就是一个view group,在添加一个View:

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

android:id 是这个view的唯一标识符,可以在代码中通过这个id来操作这个对象。

wrap_content 就是指view的宽度和高度根据view的内容填充大小。 如果是用”match_parent”就是跟父对象的大小一样。

android:hint 指view的内容为空的时候的指,此时你的edit_message还没定义,因此会报错

添加 String Resources

String resources可以在一个单独的地方管理所有UI文本,这样更易查找和更新文本。默认情况下project的string resource文件在res/values/strings.xml下面。现在添加一个新的字符串”edit_message”设置为”输入消息”.

<?xml version="1.0" encoding="utf-8"?>
<resources>

    <string name="app_name">defish</string>
    <string name="dummy_button">Dummy Button</string>
    <string name="dummy_content">DUMMY\nCONTENT</string>
    <string name="edit_message">输入消息</string>

</resources>

格式更好的布局

<EditText
    android:id="@+id/edit_message"
    android:layout_width="0dp"
    android:layout_height="wrap_content"
    android:layout_weight="1"
    android:hint="@string/edit_message" />
<Button
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="@string/button_send" />

如果你对这篇文章有疑问,欢迎到本站 社区 发帖提问或使用手Q扫描下方二维码加群参与讨论,获取更多帮助。

扫码加入群聊

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

目前还没有任何评论,快来抢沙发吧!

关于作者

JSmiles

生命进入颠沛而奔忙的本质状态,并将以不断告别和相遇的陈旧方式继续下去。

2583 文章
29 评论
84935 人气
更多

推荐作者

佚名

文章 0 评论 0

文江

文章 0 评论 0

2012013325

文章 0 评论 0

女中豪杰

文章 2 评论 0