androidstudio简单页面设计

最新推荐文章于 2024-04-03 08:45:49 发布
最新推荐文章于 2024-04-03 08:45:49 发布
阅读量7k 收藏 64
点赞数 4
文章标签： android
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_56102526/article/details/120519857
版权

简单页面设计

一、代码设计

（一）主页面

1.ThreeActivity

package com.example.helloworld1;

import androidx.annotation.NonNull;
import androidx.annotation.Nullable;
import androidx.appcompat.app.AppCompatActivity;
import androidx.core.app.ActivityCompat;
import androidx.core.content.ContextCompat;
import androidx.core.content.FileProvider;

import android.Manifest;
import android.annotation.SuppressLint;
import android.app.Activity;
import android.content.Intent;
import android.content.pm.PackageManager;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.net.Uri;
import android.os.Build;
import android.os.Bundle;
import android.os.Environment;
import android.provider.MediaStore;
import android.view.View;
import android.widget.Button;
import android.widget.EditText;
import android.widget.ImageButton;
import android.widget.ImageView;

import com.example.helloworld.R;

import java.io.File;
import java.io.FileNotFoundException;
import java.io.IOException;

public class ThreeActivity extends AppCompatActivity  {
    private ImageButton bnt_mail;
    private ImageButton bnt_phone;
    private ImageButton bnt_carmera;
    private ImageButton bnt_relation;
    EditText phonenum1;
    EditText phonenum2;
    ImageView image;

    public static final int TAKE_PHOTO = 2;//声明一个请求码，用于识别返回的结果
    private ImageView picture;
    private Uri imageUri;
    private final String filePath = Environment.getExternalStorageDirectory() + File.separator + "output_image.jpg";

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_three);
        bnt_mail = findViewById(R.id.bnt_mail1);
        bnt_mail.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                Intent intent=new Intent();
                intent.setClass(ThreeActivity.this,MailActivity.class);
                startActivity(intent);
            }
        });
        bnt_phone = findViewById(R.id.bnt_phone1);
        bnt_phone.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                Intent intent=new Intent();
                intent.setClass(ThreeActivity.this,PhoneActivity.class);
                startActivity(intent);
            }
        });
        bnt_relation = findViewById(R.id.bnt_relation1);
        bnt_relation.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                Intent intent=new Intent();
                intent.setClass(ThreeActivity.this,RelationActivity.class);
                startActivityForResult(intent,0);
            }
        });
        bnt_relation.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                Intent intent=new Intent();
                intent.setClass(ThreeActivity.this,RelationActivity.class);
                startActivityForResult(intent,1);
            }
        });
        phonenum1 = findViewById(R.id.phoneNum);
        phonenum2 = findViewById(R.id.phoneNum);
        picture = findViewById(R.id.pictureshow);
        bnt_carmera = findViewById(R.id.carmera1);
        image=findViewById(R.id.pictureshow);
        bnt_carmera.setOnClickListener(new View.OnClickListener() {
            public void onClick(View view) {
                Intent it = new Intent();
              it.setAction(MediaStore.ACTION_IMAGE_CAPTURE);
              startActivityForResult(it,4);
            }
        });
    }

    @Override
    protected void onActivityResult(int requestCode, int resultCode, @Nullable Intent data) {
        super.onActivityResult(requestCode, resultCode, data);
        if (data == null) return;
        Bundle bundle = data.getExtras();
        if (requestCode == 0) {
            String phoneNum = bundle.getString("phonenum");
            phonenum1.setText(phoneNum);
        } else if (requestCode == 1) {
            String phoneNum = bundle.getString("phonenum");
            phonenum2.setText(phoneNum);
        }
       else if(requestCode==4)
        {
            Bitmap b=(Bitmap) bundle.get("data");
            image.setImageBitmap(b);

        }


        }


        }

在这里插入图片描述

2,activity_three.xml

<?xml version="1.0" encoding="utf-8"?>
<GridLayout 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"
    android:paddingLeft="20dp"
    android:paddingRight="20dp"
    android:paddingBottom="20dp"
    android:paddingTop="20dp"
    android:columnCount="3"
    android:rowCount="8"
    android:orientation="horizontal"
    tools:context="com.example.helloworld1.ThreeActivity">

    <ImageButton
        android:id="@+id/bnt_mail1"
        android:layout_width="80dp"
        android:layout_height="80dp"
        android:layout_row="0"
        android:layout_rowSpan="1"
        android:layout_column="0"
        android:layout_columnSpan="1"
        android:layout_marginLeft="15dp"
        android:layout_marginRight="15dp"
        android:background="@mipmap/mail"
        android:text="短信" />

    <ImageButton
        android:id="@+id/bnt_phone1"
        android:layout_width="80dp"
        android:layout_height="80dp"
        android:layout_row="0"
        android:layout_rowSpan="1"
        android:layout_column="1"
        android:layout_columnSpan="1"
        android:layout_marginLeft="15dp"
        android:layout_marginRight="15dp"
        android:background="@mipmap/phone"
        android:text="电话" />

    <ImageButton
        android:layout_row="0"
        android:id="@+id/carmera1"
        android:layout_width="80dp"
        android:layout_height="80dp"
        android:layout_rowSpan="1"
        android:layout_columnSpan="1"
        android:layout_marginLeft="0dp"
        android:layout_marginRight="15dp"
        android:background="@mipmap/carmera"
        android:text="照相" />

    <EditText

        android:id="@+id/phoneNum"
        android:layout_row="2"
        android:layout_columnSpan="2"
        android:layout_column="0"
        android:layout_width="250dp"
        android:layout_height="50dp"
        android:hint="输入电话号码"
        android:inputType="number" />
    <ImageButton

        android:layout_row="2"
        android:layout_rowSpan="1"
        android:layout_columnSpan="1"
        android:text="联系人"
        android:layout_width="50dp"
        android:layout_height="50dp"
        android:background="@mipmap/realate"
        android:id="@+id/bnt_relation1"/>
    <ImageView
        android:layout_row="2"
        android:layout_rowSpan="4"
        android:layout_columnSpan="3"
        android:id="@+id/pictureshow"
        android:layout_width="380dp"
        android:layout_height="380dp"
        android:layout_gravity="center_horizontal"
        />

</GridLayout>

在这里插入图片描述

（二）联系人电话

1.RelationActivity

package com.example.helloworld1;

import androidx.appcompat.app.AppCompatActivity;

import android.annotation.SuppressLint;
import android.content.Intent;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;
import android.widget.EditText;
import android.widget.ImageButton;
import android.widget.TextView;

import com.example.helloworld.R;

import java.nio.charset.StandardCharsets;

public class RelationActivity extends AppCompatActivity  {
    TextView relationphone1;
    TextView relationphone2;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_relation);
        relationphone1=findViewById(R.id.relationphone1);
        relationphone2=findViewById(R.id.relationphone2);
        relationphone1.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                Intent intent=new Intent();
               String phonenum3=relationphone1.getText().toString();
                intent.putExtra("phonenum",phonenum3);
                setResult(0,intent);
                finish();

            }
        });
        relationphone2.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                Intent intent=new Intent();
                String phonenum3=relationphone2.getText().toString();
                intent.putExtra("phonenum",phonenum3);
                setResult(1,intent);
                finish();
            }
        });
   }}

在这里插入图片描述
2.activity_three.xml

<?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"
    android:paddingLeft="20dp"
    android:paddingRight="20dp"
    android:paddingBottom="20dp"
    android:paddingTop="20dp"
    android:orientation="vertical"
    tools:context="com.example.helloworld1.RelationActivity">
    <TextView
        android:id="@+id/relationphone1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="1124422242"
        />
    <TextView

        android:id="@+id/relationphone2"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="1543666582" />
</LinearLayout>

在这里插入图片描述

二、演示界面

1.点击简单页面进入
在这里插入图片描述

在这里插入图片描述
2.点击短信图标跳转
在这里插入图片描述
3.点击电话图标跳转
在这里插入图片描述
3.点击相机图标跳转拍照后
返回相片
在这里插入图片描述
4.点击联系人图标跳转到另一个页面
在这里插入图片描述
点击号码返回值
在这里插入图片描述

一只特立独行的猪 ️
关注
  • 4
    点赞
  • 踩
  • 64
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Android studio界面设计与资源PPT
02-04
（1）理解Android屏幕元素的层次结构、View与ViewGroup （2）熟悉Android的布局对象和Android中创建UI界面的方式 （3）熟悉Android常用的UI控件及其基本属性 （4）熟悉Android尺寸的单位 （5）掌握TextView、EditText、Button、DatePicker、TimePicker等常用控件的功能、基本属性以及重要方法
Android studio设计简易计算器
01-04
本文实例为大家分享了Android studio设计简易计算器的具体代码，供大家参考，具体内容如下 效果显示： 第一步，简单的界面布局 <?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_pa
Android Studio制作简单登录界面
最新发布
m0_62409036的博客
04-03 1330
应用线性布局设计登录界面，要求点击输入学号时弹出数字键盘界面，点击输入密码时弹出字母键盘，出现的文字、数字、尺寸等全部在values文件夹下相应.xml文件中设置好，使用时直接引用。当用户名或密码为空，显示一个提示信息“用户名与密码不能为空！”，当用户名和密码匹配，显示“登录成功”。
android studio 模板汇集
07-27
android 开发初学者使用，将android studio模板集中到一个app中，放便查看移植源代码
利用Android Studio实现登录界面
07-15
利用Android Studio 4.2.1实现登录界面，包含密码找回功能，验证码有6位随机数生成。
基于Android studio设计的图书管理系统APP
06-15
一、用户模式 1. 权限授予； 2. 用户注册登录功能（头像、账号、密码）； 3. 图书推荐功能； 4. 图书查询功能； 5. 图书数量查询； 6. 图书借出归还功能； 7. 修改资料、关于软件、联系我们、使用说明、更新版本、退出登录。 二、管理员模式 1. 图书数据库管理； 2. 操作订单数据库查询； 3. 用户数据库查询。
android 漂亮的UI界面 完整的界面设计
03-03
声明：这也是我学习时在网上下载的，鉴于分享精神，并且觉得很不错才上传上来的。 android 漂亮的UI界面 完整的界面设计 这是一个完整的UI设计，但是没写动作，这是一个公司程序员的公司任务设计，请别商用，要用请修改。
Android studio页面设计
qq_48141992的博客
08-11 1242
今天总结了页面设计的几个重要知识点。比较杂，就当书一样背下来吧。 大小的控制，match_parent,fill_pardnt填满文本框，wrao_content大小自适配。用图来说明一下： width换成match_parent就是这样 如果把height换成match_content就是这样 这三个值使用特别广泛，基础的，多用用就记住了。 还有稍微复杂点的属性，gravity ,layout_gravity,margin,padding,这些全部都是重中之中。 ...
android studio静态界面设计,2.3 使用Android Studio 简单设计UI界面
weixin_42186387的博客
05-27 4307
首先 创建一个新的项目找到app 文件目录下的layout的 activity_main.xml因为Android Studio 是可视化的，所有操作都可以在图形界面进行。该res 界面当中 drawable 可以将需要的图片导入该目录当中进行调用 layout的目录是布局界面values 当中存有可以更改界面的颜色 字符串还有款式的xml文件。当然也可以在可视化界面当中便捷的更改。如下图所示为...
Android Studio简单页面设计
jelly_grease的博客
10-09 3987
文章目录一、类微信界面的功能二、布局三、MainActivity四、activity_main.xml五、其余Java文件（分别调用四个界面）1.bookmark_Fragment.xml2.call_Fragment.xml3.home_Fragment.xml4.search_Fragment.xml六、运行界面 一、类微信界面的功能 1.可展示出四个可切换界面：Home、Search、Bookmark、Call； 2.上方栏标题居中，界面中间显示内容，内容随下方栏的选择而切换，下方栏可点击切换，点击过
Android Studio设计APP实现与51单片机通过WIFI模块（ESP8266-01S）通讯控制LED灯亮灭的设计APP
04-29
Github已开源：https://github.com/SHUGEX/TCP_LED 源码下载: https://download.csdn.net/download/weixin_45694843/85238966 详细内容也可看我的文章：https://mp.csdn.net/mp_blog/creation/editor/124478948《Android Studio设计APP实现与51单片机通过WIFI模块（ESP8266-01S）通讯控制LED灯亮灭的设计源码【详解】》
Android Studio —— 界面切换
01-23
详情查看：https://blog.csdn.net/automoblie0/article/details/122649621
Android Studio拨号界面.rar
11-20
ndroid开发之Intent跳转到系统应用中的拨号界面、联系人界面、短信界面现在开发中的功能需要直接跳转到拨号、联系人、短信界面等等
android studio仿微信主界面
06-14
使用android studio设计微信主界面，采用ViewPager和Fragment相结合的方法，实现界面滑动更换页面，点击等
Android Studio实现简单的购物商城界面源码
08-10
通过Android的Listview实现的简单的购物商城界面，可以上下滑动查看列表内容，具体演示效果和开发环境参考我主页的这篇同名博客，源码有注释
android studio 登录界面设计，登录后简易仿照微信界面
04-07
android studio 登录界面设计，登录后简易仿照微信界面 使用SQLite数据库存储，实现记住密码、账号唯一、销户、注册、登录、展示所有账号密码的功能。登入后的界面仿照微信界面（简易化）。
基于android studio 的账号密码登入界面设计
06-09
基于android studio 的账号密码登入界面设计，可以模拟实现一个简单的APP登入界面，包含密码框和账号框，可以实现简单的页面跳转和登入提示，初始化账号密码为123456，实测可以，代码完整，方便入门学习和移植
Android Studio 星座APP
04-29
使用Android Studio工具、Java编程语言开发的一款星座APP 拥有倒计时版本的开屏动画 主页分为：星座、配对、运势、我的四个功能 在星座页面中，可以查看每个星座，显示星座的生日范围，显示星座的性格特点、最大特征...
android studio商品页面设计
09-07
在Android Studio中设计商品页面可以通过以下步骤完成： 1. 创建一个新的Activity或Fragment用于显示商品页面。在Project视图中，右键点击Java文件夹，选择"New" -> "Activity"或"Fragment"来创建一个新的页面。 2. 在布局文件中设计商品页面的UI。在res/layout目录下找到对应的布局文件，通常是activity_main.xml或fragment_main.xml。在这个文件中，你可以使用各种布局和视图组件来设计商品页面的外观。 3. 添加商品图片。在布局文件中，你可以使用ImageView组件来显示商品的图片。通过设置ImageView的src属性来指定图片资源，或者使用网络库加载网络图片。 4. 显示商品信息。利用TextView组件来显示商品名称、价格、描述等信息。通过在布局文件中设置TextView的text属性或者在代码中动态设置TextView的文本内容。 5. 设计购买按钮或其他交互组件。根据你的需求，可以在布局文件中添加Button或其他视图组件来处理购买商品、添加到购物车等操作。 6. 添加商品数据。你可以在代码中创建一个数据模型类来表示商品信息，然后在Activity或Fragment中将商品数据加载到UI控件中。例如，你可以创建一个Product类来保存商品信息，然后在页面中实例化Product对象并将其属性赋值给相应的视图组件。 7. 处理商品点击事件或其他用户交互。如果用户点击购买按钮或其他交互组件，你可以在代码中实现相应的逻辑，比如弹出对话框确认购买、跳转到支付页面等。 这些步骤可以帮助你在Android Studio中设计和实现一个简单的商品页面。根据你的需求，还可以进一步定制和扩展页面的功能和样式。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值