简单的计算机界面


一、布局的概述

在这里插入图片描述

二、以网络布局为例(计算机界面)

1.创建项目

在这里插入图片描述

2.设置界面,背景图片

<?xml version="1.0" encoding="utf-8"?>
<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="match_parent"
    tools:context=".jishuanji"
    android:background="@drawable/tt"
    android:padding="15dp"
    android:orientation="vertical">
    <TextView
        android:layout_width="380dp"
        android:layout_height="60dp"
        android:layout_gravity="right"
        android:background="@drawable/custom_border"
        android:gravity="right|center_vertical"
        android:paddingRight="10dp"
        android:text="1234567890"
        android:textColor="#171616"
        android:layout_marginTop="100dp"
        android:textSize="25sp" />
    <GridLayout
        android:layout_width="380dp"
        android:layout_height="wrap_content"
        android:layout_gravity="right"
        android:layout_marginTop="20dp"
        android:columnCount="5"
        android:rowCount="6">
        <Button
            android:layout_column="0"
            android:layout_row="0"
            android:layout_width="78dp"
            android:text="MC" />
        <Button
            android:layout_column="1"
            android:layout_row="0"
            android:layout_width="78dp"
            android:text="MR" />
        <Button
            android:layout_column="2"
            android:layout_row="0"
            android:layout_width="78dp"
            android:text="MS" />
        <Button
            android:layout_column="3"
            android:layout_row="0"
            android:layout_width="78dp"
            android:text="M+" />
        <Button
            android:layout_column="4"
            android:layout_row="0"
            android:layout_width="78dp"
            android:text="M-" />
        <Button
            android:layout_column="0"
            android:layout_row="1"
            android:layout_width="78dp"
            android:text="←" />
        <Button
            android:layout_column="1"
            android:layout_row="1"
            android:layout_width="78dp"
            android:text="CE" />
        <Button
            android:layout_column="2"
            android:layout_row="1"
            android:layout_width="78dp"
            android:text="C" />
        <Button
            android:layout_column="3"
            android:layout_row="1"
            android:layout_width="78dp"
            android:text="±" />
        <Button
            android:layout_column="4"
            android:layout_row="1"
            android:layout_width="78dp"
            android:text="√" />

        <Button
            android:layout_column="0"
            android:layout_row="2"
            android:layout_width="78dp"
            android:text="7" />
        <Button
            android:layout_column="1"
            android:layout_row="2"
            android:layout_width="78dp"
            android:text="8" />
        <Button
            android:layout_column="2"
            android:layout_row="2"
            android:layout_width="78dp"
            android:text="9" />
        <Button
            android:layout_column="3"
            android:layout_row="2"
            android:layout_width="78dp"
            android:text="/" />
        <Button
            android:layout_column="4"
            android:layout_row="2"
            android:layout_width="78dp"
            android:text="%" />
        <Button
            android:layout_column="0"
            android:layout_row="3"
            android:layout_width="78dp"
            android:text="4" />
        <Button
            android:layout_column="1"
            android:layout_row="3"
            android:layout_width="78dp"
            android:text="5" />
        <Button
            android:layout_column="2"
            android:layout_row="3"
            android:layout_width="78dp"
            android:text="6" />
        <Button
            android:layout_column="3"
            android:layout_row="3"
            android:layout_width="78dp"
            android:text="*" />
        <Button
            android:layout_column="4"
            android:layout_row="3"
            android:layout_width="78dp"
            android:text="1/X" />
        <Button
            android:layout_column="0"
            android:layout_row="4"
            android:layout_width="78dp"
            android:text="1" />
        <Button
            android:layout_column="1"
            android:layout_row="4"
            android:layout_width="78dp"
            android:text="2" />
        <Button
            android:layout_column="2"
            android:layout_row="4"
            android:layout_width="78dp"
            android:text="3" />
        <Button
            android:layout_column="3"
            android:layout_row="4"
            android:layout_width="78dp"
            android:text="-" />
        <Button
            android:layout_column="4"
            android:layout_row="4"
            android:layout_width="78dp"
            android:layout_height="95dp"
            android:layout_rowSpan="2"
            android:text="=" />
        <Button
            android:layout_column="0"
            android:layout_row="5"
            android:layout_width="156dp"
            android:layout_columnSpan="2"
            android:text="0" />
        <Button
            android:layout_column="2"
            android:layout_row="5"
            android:layout_width="78dp"
            android:text="." />
        <Button
            android:layout_column="3"
            android:layout_row="5"
            android:layout_width="78dp"
            android:text="+" />
    </GridLayout>
</LinearLayout>

3、新建了一个xml,用于实现显示框的圆角和渐变色,颜色

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle">

<corners android:radius="10dp"/>
<solid android:color="#3DF0F0F0" />
<stroke
    android:width="1dp"
    android:color="#555555"/>

</shape>

3、运行效果

在这里插入图片描述


总结

三个星期的时间非常快就过去了,这三个星期不敢说自己有多大的进步,获得了多少知识,了解了一些标签的使用、控件的使用、布局等等。感觉Andorid 学习过程中知识点繁多,难以熟练的应用,过一段时间很很快忘记自己所学的知识点,Believe in yourself !

  • 3
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值