【Android Studio】一款简易appUI界面开发（1）

最新推荐文章于 2024-05-12 10:40:22 发布

秋刀鱼想念猫

最新推荐文章于 2024-05-12 10:40:22 发布

阅读量3k

点赞数 7

文章标签： android studio 移动开发 app bug

本文链接：https://blog.csdn.net/CQAres/article/details/106243275

版权

一款简易垃圾识别app界面设计

本人萌新，由于某位大佬弄学术基金想做个垃圾识别app的原因，就被迫为这款app整个UI界面，然鹅又因为学院并没有开设java课程的原因，只好自学加上东拼西凑，恰逢疫情不用开学，便用在家里的时间做了一款简易界面
（图片是另一位负责美工的同学做的）
在这里插入图片描述
由于是自学，中途实在遇到太多坑，在这里便记录下来方便大家学习

侧边栏

在寻找侧边栏这方面的资料时，发现大多数博客都是基于
android.support.v4.widget.DrawerLayout
这个官方包去做的，但不知是新版本不适用还是其他原因，博主并不能导入这个包，在v4这里会出错。在尝试各种方法去找这个包都无法成功后，就放弃了导入这个包的想法；在找了很久博客后终于发现另一个能导入的包
androidx.drawerlayout.widget.DrawerLayout
另外附加一篇博主参考过的博客
侧滑菜单简单实现

调用摄像头

在调用摄像头这块，博主刚开始是参考大神博客上的方式去仿照，获取摄像头权限，点击按钮调用摄像头
在这里插入图片描述
结果虽然程序没有错误，但每次点击调用摄像头的按钮程序都会闪退，后来上网一查发现是Android 7.0以上的版本摄像头权限方面有了改变，需要做调整。于是博主又找了许多博客找相关问题，很多都是在onCreate方法里增加代码，又或者是长篇大论的，博主虽然看不懂，但每一个都试了一下，都对博主不行；最后在绝望关头，发现一篇博客
Android 7.0以后相机闪退解决方法

原来问题出在**<uses-permission android:name=“android.permission.CAMERA”**，这一句要删掉。
虽然不知道是什么原因，不过确实帮博主解决了问题。

最后贴一下各部分的代码图供大家学习，本人萌新，望海涵

activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<androidx.drawerlayout.widget.DrawerLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:id="@+id/main_drawer_layout">



    <LinearLayout
        android:id="@+id/main_content"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="#FFFFFF"
        android:orientation="vertical">
        <!--顶部栏-->
        <include layout="@layout/top_bar"
            android:id="@+id/top_view_bar"/>

        <TextView
            android:id="@+id/title"
            android:layout_marginTop="64dp"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="智能垃圾识别"
            android:textSize="40dp"
            android:layout_gravity="center"/>

        <!--摄像头按钮-->

        <ImageButton
            android:id="@+id/camerabutton"
            android:layout_width="240dp"
            android:layout_height="240dp"
            android:layout_gravity="center"
            android:layout_marginTop="64dp"
            android:background="@null"
            android:src="@mipmap/main_saomiao" />

        <TextView
            android:id="@+id/search"
            android:layout_width="wrap_content"
            android:layout_height="84dp"
            android:layout_gravity="center"
            android:layout_marginTop="24dp"
            android:text="扫描识别"
            android:textSize="24sp" />

    </LinearLayout>

    <!--左侧滑动栏-->
    <LinearLayout
        android:id="@+id/left_layout"
        android:layout_width="600px"
        android:layout_height="match_parent"
        android:layout_gravity="start"
        android:background="#FFFFFF"
        android:orientation="vertical">

        <Button
            android:layout_width="match_parent"
            android:layout_height="180px"
            android:id="@+id/guanyu"
            android:background="@drawable/selector"
            android:layout_marginRight="10dp"
            android:text="关于\nAbout me"
            android:drawableLeft="@mipmap/guanyu"
            android:paddingRight="30dp"
            android:paddingLeft="10dp"
            android:textSize="18dp"/>

        <Button
            android:id="@+id/fenxiang"
            android:layout_width="match_parent"
            android:layout_height="164px"
            android:background="@drawable/selector"
            android:drawableLeft="@mipmap/fenxiang"
            android:text="分享"
            android:paddingRight="85dp"
            android:paddingLeft="20dp"
            android:textSize="18dp"/>
        <Button
            android:layout_width="match_parent"
            android:layout_height="164px"
            android:id="@+id/yijian"
            android:background="@drawable/selector"
            android:drawableLeft="@mipmap/yijian"
            android:text="意见反馈"
            android:paddingRight="55dp"
            android:paddingLeft="20dp"
            android:textSize="18dp"/>
        <Button
            android:layout_width="match_parent"
            android:layout_height="164px"
            android:id="@+id/yinsi"
            android:background="@drawable/selector"
            android:drawableLeft="@mipmap/yinsi"
            android:text="隐私协议"
            android:paddingRight="50dp"
            android:paddingLeft="20dp"
            android:textSize="18dp"/>
    </LinearLayout>

</androidx.drawerlayout.widget.DrawerLayout>

tor_bar.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="horizontal" android:layout_width="match_parent"
    android:id="@+id/top_view_bar"
    android:layout_height="48dp">
    <ImageView
        android:id="@+id/top_view_left_iv"
        android:layout_gravity="center"
        android:paddingLeft="-20dp"
        android:layout_width="80dp"
        android:layout_height="80dp"
        android:src="@mipmap/main_menu"/>

    <ImageView
        android:layout_width="48dp"
        android:layout_height="48dp"
        />
</LinearLayout>

MainActivity.java

package com.example.myapplication1;

import android.app.Activity;
import android.content.Intent;
import android.graphics.Bitmap;
import android.os.Bundle;
import android.provider.MediaStore;
import android.view.View;
import android.widget.Button;
import android.widget.ImageView;

import androidx.core.view.GravityCompat;
import androidx.drawerlayout.widget.DrawerLayout;


public class MainActivity extends Activity {

    //侧面栏
    private Button mbt1;
    private Button mbt2;
    private Button mbt3;
    private Button mbt4;

    private static int REQ_1=1;
    private ImageView mImageView;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        mImageView= findViewById(R.id.show_image);


        mbt1=findViewById(R.id.guanyu);
        mbt2=findViewById(R.id.fenxiang);
        mbt3=findViewById(R.id.yijian);
        mbt4=findViewById(R.id.yinsi);


        final DrawerLayout drawerLayout = findViewById(R.id.main_drawer_layout);
        findViewById(R.id.top_view_left_iv).setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                //打开侧滑菜单
                drawerLayout.openDrawer(GravityCompat.START);

        }
        });

        //为侧面栏按钮添加点击事件
        mbt1.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                v.setFocusable(true);
                v.requestFocus();
                v.requestFocusFromTouch();

            }
        });
        mbt2.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                v.setFocusable(true);
                v.requestFocus();
                v.requestFocusFromTouch();
            }
        });
        mbt3.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                v.setFocusable(true);
                v.requestFocus();
                v.requestFocusFromTouch();
            }
        });
        mbt4.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                v.setFocusable(true);
                v.requestFocus();
                v.requestFocusFromTouch();
            }
        });

    }

    public void startCamera(View view){
        Intent intent=new Intent(MediaStore.ACTION_IMAGE_CAPTURE);
        startActivityForResult(intent,REQ_1);
    }


    @Override
    protected void onActivityResult(int requestCode, int resultCode, Intent data) {
        super.onActivityResult(requestCode, resultCode, data);
        if (resultCode==RESULT_OK){
            if (requestCode==REQ_1){
                Bundle bundle=data.getExtras();
                Bitmap bitmap=(Bitmap)bundle.get("data");
                mImageView.setImageBitmap(bitmap);
            }
        }
    }


}

AndroidManifest.xml

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="com.example.detectiondemo">
    <uses-permission android:name="android.permission.CAMERA" />
    <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE"/>
    <application
        android:allowBackup="true"
        android:icon="@mipmap/ic_launcher"
        android:label="@string/app_name"
        android:roundIcon="@mipmap/ic_launcher_round"
        android:supportsRtl="true"
        android:theme="@style/AppTheme">
        <activity android:name=".MainActivity">
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />

                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>
        <activity android:name=".ShowImage" />

        <provider
            android:name="androidx.core.content.FileProvider"
            android:authorities="${applicationId}.provider"
            android:exported="false"
            android:grantUriPermissions="true">
            <meta-data
                android:name="android.support.FILE_PROVIDER_PATHS"
                android:resource="@xml/file_paths" />
        </provider>
    </application>

</manifest>

结语

后面如果更改的话，估计会增加自定义相机这部分的内容，到时候改的话再更新
最后呈上另外参考过的博客并感谢
点击Button更换颜色
以及一个博主认为超实用的查看Android Studio各颜色代码的博客
Android Studio颜色码

秋刀鱼想念猫

关注

7
点赞
踩
44

收藏

觉得还不错? 一键收藏
6
评论
【Android Studio】一款简易appUI界面开发（1）

一款简易垃圾识别app界面设计本人萌新，由于某位大佬弄学术基金想做个垃圾识别app的原因，就被迫为这款app整个UI界面，然鹅又因为学院并没有开设java课程的原因，只好自学加上东拼西凑，恰逢疫情不用开学，便用在家里的时间做了一款简易界面（图片是另一位负责美工的同学做的）由于是自学，中途实在遇到太多坑，在这里便记录下来方便大家学习侧边栏在寻找侧边栏这方面的资料时，发现大多数博客都是基android.support.v4.widget.DrawerLayout这个官方包去做的，但不知是新版本不
复制链接

扫一扫