• mono for android学习过程系列教程(4)


    今天要讲的事情是构建安卓程序的UI界面。

    首先给大家上点小点心,如图:

    上面就是我们界面的设计模块,仔细看中间大块的下方,有一个Source,这就类似webform里面的设计和源代码界面。

    在这个页面看到的都是一些类似xml标记性标签:

    <?xml version="1.0" encoding="utf-8"?>
    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:orientation="vertical"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent">
        <Button
            android:id="@+id/MyButton"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:text="@string/Hello" />
    </LinearLayout>

    首先,以我们平时开发桌面应用程序来说,首先winform是要将界面设计好。进入主题:

    我们一般可以通过左边来拖控件来完成界面的设计。但是我感觉这个没有droiddraw-r1b22这款

    界面设计软件方便。

    通过拖好控件,可以对UI元素进行一些设置。当拖完控件,点击左上方generate就可以生成右下方的xml代码。

    这里需要注意,这里的xml不会自动更新,所以需要点击generate按钮来创建更新的代码。

    安卓界面的5种控件布局:

    AbsoluteLayout这种布局是将所有的控件放在所定义的位置。根据我查的资料显示,现在并不推荐使用这样的布局。

    FrameLayout是显示一个单一项,比如一个图片等等。

    LinearLayout沿单一的水平线或者垂直线显示子控件。

    RelativeLayout将控件放在相对于其他控件的特定位置。

    TableLayout使用行/列式布局来显示控件。

    这五种布局,最常用的是FrameLayout和RelativeLayout这两种布局。

    还需要注意的事情是FrameLayout这样的布局,会将所有的元素都固定在布局的左上角。

    他们都在同一位置绘制,并且显示会相互干扰。

    下面介绍一些移动用户界面的指导原则:

    表单元素的数目:不同的移动设备显示大小不同,故此不要让用户看到太多的表单元素。

    表单元素的尺寸:表达元素能够足够使得用户能够使用。

    测试:安卓设备有不同的分辨率,用来不同机型是最重要。这个我最深有体会。在上家离职的公司的安卓软件,

    发现很多因为各种不同的机型而产生不一样的结果。

    我们下面来介绍三种简单的文本控件:

    Textview类似一个标签,可使用该控件向用户显示数据。TextVIew的Width属性用于设置TextView的宽度。

    可以使用值fill_parent或者一个整数像素来设置该属性。

    EditText类似。net的文本框,它允许多行输入和自动换行。

    AutoCompleteTextView是一个向用户显示一组可供选择的项的文本框。类似

    搜索引擎,比如在百度上搜索一个种子如图,这个也是类似EditText控件一样。

    当用户输入时,可以将选中的项显示在文本视图中,向用户显示的数据列表是由

    数据适配器构成的,这里线普及下。这里的数据适配器就类似我们Ado.net的适配器,用来

    充当数据绑定的桥梁。在IOS中开发是建一个类继承一个Source的接口来实现绑定的。

    在后续课程中将继续深入讲解适配器。

    今天的课程就讲解这几个基本控件的使用。下一讲继续讲解其他控件的使用。

    转载请附带联系人Q-高卿   QQ1466358067

  • 相关阅读:
    如何处理前端异常监控?
    【效果】使用canvas rotate实现一个旋转的矩形
    小tips:微信小程序登录后返回登录前的页面继续操作(保留参数)
    nginx的常用配置
    vue-router的History 模式常用的三种配置方式(去掉地址栏中的#号)
    web前端常用的五种方式搭建本地静态html页面服务器
    小tips:nodejs请求接口超时使用中间件connect-timeout实现自动超时机制
    小tips:tomcat下JSP页面引用css、js等资源路径404问题
    原生JavaScript实现一个简单的Promise构造函数示例
    canvas图片旋转扩展出原生JS实现移动端横竖屏手写签名示例
  • 原文地址:https://www.cnblogs.com/gao3705512/p/3655202.html
Copyright © 2020-2023  润新知