跳转到主内容
websoft网络软件专家 - 深耕网络技术,打造实用软件!

如何用AS实现简单的微信界面?

一、任务

用AS实现简单的微信界面。

二、步骤

1. 新建项目

新建Empty Activity,点击Finish,一个空白项目就建好了。

2. 开始操作

右键单击新建layout,包括bottom和top,首先建这两个。

3. bottom

bottom布局如下:

属性可以在右边框中设置,也可以在代码中添加,部分属性如下图所示。

对于图片的添加,可以在阿里巴巴矢量图库下载之后,先添加到drawable,再在属性栏中添加到布局中。

如果图片添加到drawable报错,可以先把图片放到桌面上再尝试。

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="100dp"
    android:layout_weight="1"
    android:layout_gravity="bottom"
    android:background="#AAA8A8"></LinearLayout>

对于后续运行图片不能显示的问题,可以把代码中的图像来源改为

android:src="@drawable/message"

4. top

布局如下:

属性如下:

top对应代码如下:

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="110dp"></LinearLayout>

三、总结

通过以上步骤,我们可以使用AS实现一个简单的微信界面。

四、拓展

如果你对Android开发感兴趣,可以进一步学习如何实现更多的功能,比如用户登录、消息推送等。

——

陈景序,websoft网络软件专家的资深编辑,致力于分享Web开发最佳实践。

相关文章