Android studio界面ui优化

2023-09-10 18:58

短信预约 -IT技能 免费直播动态提醒

记录一下对毕设界面的优化

1、美化TableRow，实现下边框

效果图：
在这里插入图片描述
方法：创建xml文件，然后引用该xml文件：

                                          //有四个方向可以选择，这里选择底部

有时候下边框可以直接用view实现，我是因为不想把tablelayout改成linearlayout所以没用这个方法
view方法：

2、美化按钮

背景透明并取消阴影
效果图：
在这里插入图片描述

         android:backgroundTint="#0000"         android:stateListAnimator="@null"

点击按钮变色
效果图

同样创建xml文件

然后在代码块中设置点击时显示该格式，未点击时格式为空

                activity.setBackground(null);                goods.setBackground(null);                feedback.setBackground(getResources().getDrawable(R.drawable.button_shape));

虚线框
效果图：

预留位置

3、更改icon颜色

效果图：
更改前：在这里插入图片描述
更改后：
方法：在xml文件里使用app:tint="@color/alarmColor"即可

4、实现头像位于卡片中间

效果图：
在这里插入图片描述
思路：使用relativeLayout布局，使头像位于卡片的下方，然后通过 android:layout_marginTop="-50dp"调整位置

问题：会发现Imagview会被卡片挡住，而不能显示在卡片的上面

解决办法：cardview引用 android:elevation="10dp"，头像设为 android:elevation="20dp"，即头像的值比cardview大就行

ps:要把不必要的嵌套布局都删掉，同时卡片的值最好不要设为0，我设成0的时候即使头像的值比0大也不起作用

5、弹窗的美化

效果图：
在这里插入图片描述
ps:先创建一个xml文件

然后在代码块处实现点击图标出现弹窗：

 menu.setOnClickListener(new View.OnClickListener() {            @Override            public void onClick(View view) {                //创建弹窗                builder = new AlertDialog.Builder(ActivityDetailActivity.this);                inflater = getLayoutInflater();                layout = inflater.inflate(R.layout.dialog_menu, null);//获取自定义布局                builder.setView(layout);//设置对话框的布局                dialog = builder.create();//生成最终的对话框                dialog.show();//显示对话框                //弹窗背景透明                dialog.setCanceledOnTouchOutside(true);                Window window = dialog.getWindow();                window.setContentView(R.layout.dialog_menu);                ((Window) window).setBackgroundDrawable(new ColorDrawable(0x00000000));                WindowManager windowManager = ActivityDetailActivity.this.getWindowManager();                Display display = windowManager.getDefaultDisplay();                WindowManager.LayoutParams lp = dialog.getWindow().getAttributes();                lp.height = WindowManager.LayoutParams.MATCH_PARENT; //设置宽度                lp.width = WindowManager.LayoutParams.MATCH_PARENT; //设置宽度//                lp.gravity = Gravity.BOTTOM;                window.setGravity(Gravity.CENTER);                dialog.getWindow().setAttributes(lp);                }                }

ps:但其实这一块的代码我是想实现弹窗位于最低端来着，但是不知道为什么Gravity.Bottom不起作用，后来是在xml的文件里更改弹窗的位置才实现位置的变化，不过误打误撞实现了背景透明

pps:如果弹窗位置始终不变化，试着查看xml的宽和高是不是match_parent，不是的话可能会导致弹窗的位置不改变。

pps:如果 dialog.setCanceledOnTouchOutside(true)不起作用，可以试着修改宽和高，（我发现直接不设置宽和高倒也行）参考文章：安卓Dialog setCanceledOnTouchOutside(ture) 无效问题

ppps:我发现有的时候这样设置之后弹窗点击失效，这时候只用把 window.setContentView(R.layout.dialog_menu);注释掉就好