精华内容
下载资源
问答
  • 修改app里的界面文字
    千次阅读
    2019-04-09 16:35:57

    安卓修改大师系列教程之《如何修改安卓应用中的网络下载的图片》。本视频通过专业的视角,来一步步介绍如何修改安卓界面上面的图片和文字,如果图片在安装包里面,相对修改比较容易,如果在网络上,需要通过抓包工具定位。

    第二讲 如何修改安卓界面上的图片和文字

    由于不能上传视频,请移步这里观看

    更多相关内容
  • Matlab Appdesigner界面设计基本用法

    千次阅读 2020-12-26 10:37:07
    界面 2.按钮

    1.界面介绍

    2.按钮

    拖入按钮

    代码视图

    按钮回调函数与值的获取app.aEditField.Value(可自动填充)

    显示文本:

    app.demoLabel.Text = 'This is a label'; % 设置label的文字
    text = app.demoLabel.Text; % 获取label的文字

    为界面按钮插入回调子界面

    界面交互

    [filename, path] = uigetfile('*.m');          % 用户选择文件
    if isequal(filename,0)
        disp('User selected Cancel');
    end
     
    path = uigetdir();                            % 用户选择文件夹,取消返回0
     
     
    fullpath = fullfile(path, filename);          % 合并成全路径
    [path, name, surffix] = fileparts(fullpath);  % 拆分。
     

    绘制图形

    下拉列表(matlab.ui.control.DropDown)

    value = app.demoDropDown.Value;        % 拿到选中的值。默认选中第一个。

    可直接移动进选项卡组

    运行时需改文件夹到路径

    3.界面美化

    界面缩放

    界面左上角文字及logo修改(logo修改

    4.其他

    展开全文
  • 最终APP界面效果展示: 实现过程 一、界面框架设计思路 1.top.xml ​ 2.bottom.xml 3.整体框架activity_main.xml ​ 二、交互设计思路 1.FragmentManager的创建 2.创建不同的Fragment.java及layout 3....

    目录

     实现过程

    一、界面框架设计思路

    1.top.xml

    2.bottom.xml

    3.整体框架activity_main.xml

     二、交互设计思路

    1.FragmentManager的创建

    2.创建不同的Fragment.java及layout

    3.实现Fragment的隐藏和显示

    4.完善底部导航

    5.对控件进行监听实现交互

    最终APP界面效果展示:

     总结

    项目源代码地址:


    本次作业的内容为:根据课程实操实现APP门户界面框架设计,至少包含4个tab页,能实现tab页之间的点击切换。 

    应用的技术是:使用布局(layouts)和分段(fragment),对控件进行点击监听。

     实现过程

    一、界面框架设计思路

    我们发现对于APP的四个tab页面来说,每个页面都是由三个部分组成的:顶部的固定部分,用来显示自己APP的名字;中间部分的主页面,用来显示不同页面的主内容;底部的导航页面,用来帮助使用者清晰的切换页面。同时由于要实现页面之间的交互(中间的主内容随底部导航切换而切换),因此我们的设计思路为设计三个框架进行拼接:顶部的top、底部的bottom、中间的分段以及最后的总框架。以下是各部分的实现方法:

    1.top.xml

    该部分的实现方法为:最外层使用一个水平的linearlayout布局,然后使用一个textview即可。

    <?xml version="1.0" encoding="utf-8"?>
    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="match_parent"
        android:layout_height="wrap_content">
    
        <TextView
            android:id="@+id/textView"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:background="@color/white"
            android:gravity="center"
            android:text="Yangxuefeng的应用"
            android:textColor="@color/black"
            android:textSize="30sp" />
    </LinearLayout>

    2.bottom.xml

    该部分的设计思路如下:在该部分中一共有四个图片以及四个文本,每一个文本和一个图片组成一个垂直方向的元素,四个元素又组成一个水平方向的大框架。因此对于此部分,最外层采用水平的linearlayout的布局,在水平布局下又放四个垂直方向的linearlayout的布局,在每个垂直布局下又放上一个imageview和一个textview(imageview放在textview上层)即可。

    <?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="90dp"
        android:background="@color/white">
    
        <LinearLayout
            android:id="@+id/linearLayout_news"
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:gravity="center"
            android:orientation="vertical">
    
            <ImageView
                android:id="@+id/imageView1"
                android:layout_width="match_parent"
                android:layout_height="45dp"
                android:src="@drawable/news" />
    
            <TextView
                android:id="@+id/textView1"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:gravity="center"
                android:text="消息"
                android:textColor="@color/black"
                android:textSize="20dp" />
        </LinearLayout>
    

     注:以上为水平布局的代码及一个垂直布局的代码,另外三个垂直布局代码修改一些参数即可。

    3.整体框架activity_main.xml

     整体框架就是将top,bottom以及中间的主内容进行拼接,那么最外层就需要使用一个垂直方向的lineaarlayout,然后将top和bottom部分liclude进来(top在上,bottom在下,中间放主内容),同时中间的主内容使用framelayout,以便进行接下来的交互设计。

    <?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:orientation="vertical"
        tools:context=".MainActivity">
    
        <include layout="@layout/top" />
    
        <FrameLayout
            android:id="@+id/id_content"
            android:layout_width="match_parent"
            android:layout_height="0dp"
            android:layout_weight="1">
    
    
        </FrameLayout>
    
        <include layout="@layout/bottom" />
    </LinearLayout>

     二、交互设计思路

    想要实现四个tab界面的交互,那么就需要activity调用FragmentManager来获取不同的Fragment,因此首先我们需要创建四个不同的Fragment,用于创建不同tab页面的主页面,之后通过一系列的调用实现不同页面的交互,以下为实现过程:

    1.FragmentManager的创建

    首先定义FragmentManager并创建相应的函数

    private FragmentManager fragmentManager;
    
    private void initFragment() {
           fragmentManager = getFragmentManager();
           FragmentTransaction transaction = fragmentManager.beginTransaction();
           transaction.add(R.id.id_content, newsFragment);
           transaction.add(R.id.id_content, settingFragment);
           transaction.add(R.id.id_content, friendsFragment);
           transaction.add(R.id.id_content, discoveryFragment);
           transaction.commit();

    2.创建不同的Fragment.java及layout

    package com.example.myworkyxf;
    
    import android.os.Bundle;
    import android.view.LayoutInflater;
    import android.view.View;
    import android.view.ViewGroup;
    
    import android.app.Fragment;
    
    public class discoveryFragment extends Fragment {
    
        public discoveryFragment() {
            // Required empty public constructor
        }
    
        @Override
        public View onCreateView(LayoutInflater inflater, ViewGroup container,
                                 Bundle savedInstanceState) {
            // Inflate the layout for this fragment
            return inflater.inflate(R.layout.fragment_discovery, container, false);
        }
    }
    <?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_parent"
        tools:context=".newsFragment">
    
        <!-- TODO: Update blank fragment layout -->
        <TextView
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:gravity="center"
            android:textSize="50sp"
            android:text="这是发现界面" />
    
    </LinearLayout>

    注:其余三个同理,修改参数即可

     

    3.实现Fragment的隐藏和显示

    我们需要将四个Fragment隐藏起来,只有在点击相应的导航时才会出现相应的Frgment,而另外三个将会继续隐藏起来,那么实现方法如下:

    隐藏Fragment

        private void hideFragment(FragmentTransaction transaction) {
            transaction.hide(newsFragment);
            transaction.hide(settingFragment);
            transaction.hide(friendsFragment);
            transaction.hide(discoveryFragment);
        }

    显示Fragment

        private void showfragment(int i) {
            FragmentTransaction transaction = fragmentManager.beginTransaction();
            hideFragment(transaction);
            switch (i){
                case 0:
                    transaction.show(newsFragment);
                    break;
                case 1:
                    transaction.show(friendsFragment);
                    break;
                case 2:
                    transaction.show(discoveryFragment);
                    break;
                case 3:
                    transaction.show(settingFragment);
    
                    break;
                default:
                    break;
    
            }
            transaction.commit();
        }

    4.完善底部导航

    我们在切换界面的时候,为了提升用户的体验感,会让底部导航的文字和图标也发生相应的变化,那么我们可以通过以下方式实现,选中两组颜色不同的图标,同时设置两组不同的文本颜色,在点击不同的导航时相应layout的图标和文字会发生改变:

    private ImageView imageView1,imageView2,imageView3,imageView4;
    
    private TextView textView1,textView2,textView3,textView4;
    
    private void showcolor(int i){
            imageView1.setImageResource(R.drawable.news);
            textView1.setTextColor(Color.BLACK);
            imageView2.setImageResource(R.drawable.friends);
            textView2.setTextColor(Color.BLACK);
            imageView3.setImageResource(R.drawable.discovery);
            textView3.setTextColor(Color.BLACK);
            imageView4.setImageResource(R.drawable.setting);
            textView4.setTextColor(Color.BLACK);
            switch (i){
                case 0:
                    imageView1.setImageResource(R.drawable.news1);
                    textView1.setTextColor(Color.GREEN);
                    break;
                case 1:
                    imageView2.setImageResource(R.drawable.friends1);
                    textView2.setTextColor(Color.GREEN);
                    break;
                case 2:
                    imageView3.setImageResource(R.drawable.discovery1);
                    textView3.setTextColor(Color.GREEN);
                    break;
                case  3:
                    imageView4.setImageResource(R.drawable.setting1);
                    textView4.setTextColor(Color.GREEN);
                    break;
                default:
                    break;
    
            }
    
        }

    5.对控件进行监听实现交互

    对控件的监听放在了onCreate中,同时用到了Onclick(),通过利用switch可以使得点击不同的导航可以获得不同layout的id从而实现显示不同的tab页面,实现了交互。

    @Override
        protected void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
            supportRequestWindowFeature(Window.FEATURE_NO_TITLE);
            setContentView(R.layout.activity_main);
    
            linearLayout_news=findViewById(R.id.linearLayout_news);
            linearLayout_friends=findViewById(R.id.linearLayout_friends);
            linearLayout_discovery=findViewById(R.id.linearLayout_discovery);
            linearLayout_setting=findViewById(R.id.linearLayout_setting);
    
            linearLayout_news.setOnClickListener(this);
            linearLayout_friends.setOnClickListener(this);
            linearLayout_discovery.setOnClickListener(this);
            linearLayout_setting.setOnClickListener(this);
    
            imageView1=findViewById(R.id.imageView1);
            imageView2=findViewById(R.id.imageView2);
            imageView3=findViewById(R.id.imageView3);
            imageView4=findViewById(R.id.imageView4);
    
            textView1=findViewById(R.id.textView1);
            textView2=findViewById(R.id.textView2);
            textView3=findViewById(R.id.textView3);
            textView4=findViewById(R.id.textView4);
    
            initFragment();
        }
    
    @Override
        public void onClick(View v){
            switch (v.getId()){
                case R.id.linearLayout_news:
                    showfragment(0);
                    showcolor(0);
                    break;
                case R.id.linearLayout_friends:
                    showfragment(1);
                    showcolor(1);
                    break;
                case R.id.linearLayout_discovery:
                    showfragment(2);
                    showcolor(2);
                    break;
                case R.id.linearLayout_setting:
                    showfragment(3);
                    showcolor(3);
                    break;
                default:
                    break;
            }
    
        }

    最终APP界面效果展示:

    ​ 

     总结

    本次作业初步使我接触到了安卓开发并对安卓开发有了初步的了解。

    项目源代码地址:

    ​​​​​​Android Studio: android studio

    展开全文
  • Axure 9.0入门设计APP界面

    千次阅读 2021-06-28 16:20:38
    Axure 9.0 下载(7天有效) ...提取码:2y7y 前言 这个教程就是快速糊弄作业的,所以...你得对你设计的APP有个大致的思路,想做什么APP,大致的有几个页面,有什么功能,每个页面上都有什么按键。 糊弄教程-“静态”部分

    Axure 9.0 下载(7天有效)
    链接:https://pan.baidu.com/s/1yYOWw-SXHGoK3vc44vffSw
    提取码:2y7y

    前言

    这个教程就是快速糊弄作业的,所以没有什么干货讲解,重要的是糊弄完作业,想看干货的老哥们可以退出了。

    Axure的使用方法可以看作是PPT和AI的结合体,对图形组件的剪裁和AI很相似,而切换页面的逻辑与PPT很相似。

    你得先对你设计的APP有个大致的思路,想做什么APP,大致的有几个页面,有什么功能,每个页面上都有什么按键。因为这个教程没有具体的APP设计过程……只是Axure的教程。

    糊弄教程-“静态”部分

    首先新建文件,
    在这里插入图片描述这里是控件面板的元件库,我们制作APP模型运用的东西都在这,本次教程常用的用红框标注了。
    在这里插入图片描述
    鼠标拖动矩形1至中间的线框图工作区左上角(Ctrl+’ 可以调出线框),在交互区的样式中将尺寸调成合适的尺寸,这里用的是376670。(作业要求是10801920)
    以这个矩形为底(当做是手机显示屏),在上面画界面。
    按住Ctrl后滚动鼠标滚轮可以改变工作区缩放。
    在这里插入图片描述然后用之前那些常用的元件把这个APP版面填满,右侧的交互区的样式可以调整组件的样式,上面的菜单栏也可以对组件进行修改。
    矩形、圆形双击后可以在中间添加文字,图片组件双击后可以将电脑图片导入到工作区。
    单击一下可以修改元件的大小,拖动矩形可以修改位置,拖动左上角的黄色▽可以修改圆角,这个是一个价值200万的技能。
    在这里插入图片描述
    右键元件后,可以复制(Ctrl+C)粘贴(Ctrl+V)。
    其中有个顺序,可以理解为PPT中的图层顺序。
    按住Ctrl可以进行多选,之后右键组合,或者(Ctrl+G),可以进行整体的变换移动,之后可以再次右键取消组合。
    在这里插入图片描述我们利用以上的技巧来制作一个简易的页面。
    在页面导航区,右键添加新页面。在这里插入图片描述
    如法炮制再制作出几页APP界面。我因为懒直接用了文字做菜单栏,大家可以搜一些icon或者用图片裁剪一下做图标。
    可以用手机截屏一个APP的界面当模仿对象,然后可以一点点复刻。
    在这里插入图片描述

    糊弄教程-“动态”部分

    现在我们已经做完了四个页面,接下来该实现一下他们的跳转了。我之前说跟PPT很像,PPT常规情况下是点击后切换到下一张,或者用超链接点击后跳转到什么页面。
    在元件中找到“热区”,热区就相当于加了超链接跳转。拖动热区到工作区,调整到合适大小。
    在这里插入图片描述在右边的交互区(和样式在一行上),点击新建交互,选择“鼠标单击时”——“打开链接”——点选合适的页面
    在这里插入图片描述在这里插入图片描述
    同理做完四个热区后可以直接选择热区复制粘贴到其他几个页面上。

    保存和预览

    保存
    在这里插入图片描述预览(可以查看切换效果)
    在这里插入图片描述

    其他

    如果想要达成什么鼠标经过、鼠标点击后之类的效果,可以右键将元件转化为动态面板,之后再修改交互效果。具体可参照发的第一个链接。

    动态面板:
    【5分钟带你入门Axure RP 动态面板-哔哩哔哩】https://b23.tv/Cd8S5X

    手把手Axure教程,其中讲了如何复刻微信的界面:
    【Axure教程视频,0基础入门,2小时学会-哔哩哔哩】https://b23.tv/g9NOZK

    展开全文
  • Android小白快速编写APP登录界面

    千次阅读 2021-03-15 14:08:47
    Android小白快速编写APP登录界面 1、打开Android Studio 2、选择空白界面 3、activity_main文件代码 <?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android=...
  • 写作初衷 通过实现一个简单的任务学习app designer的基础使用方法 提供一个满足日常需要的登录界面 注:大家需要更多app designer的进阶技能,可以通过下面链接寻找资源。 原作者youtube主页 国内搬运视频 1. 成品...
  • 编写一个简单的安卓app界面

    千次阅读 2021-06-02 23:49:41
    安卓的用户界面都是由View以及ViewGroup的子类对象组成的。View对象一般是想button或者textview这样的控件,ViewGroup对象是一个看不见的View容器,它定义了如何布局容器中装入的子View,比如是网格布局还是垂直布局...
  • 在使用 vue-cordova 打包成apk的时候,我们一定会根据项目改把app的图标还有显示文字,加载图片也有可能改动,这里来说一说这个。 1. 修改显示文字 地址:D:\cordova-app\config.xml 修改name里面的文字 2. ...
  • Android Studio之仿微信APP界面设计

    千次阅读 多人点赞 2021-10-09 07:29:55
    文章目录一、功能需求二、页面布局设置1. 顶部top.xml布局2....页面中间界面显示内容,内容随下方栏的选择而切换 页面最下方有四个按钮 点击按钮后,按钮图标会变换颜色,且显示框变换内容 二、页面布局设置
  • 界面上方栏有标题居中,界面中间显示内容,内容随下方栏的选择而切换,界面下方栏分成四个小板块可点击切换,且正在使用的界面的图标为绿色,没有使用的界面的图标为灰色。 布局设置 1.top.xml <LinearLayout...
  • 一、遇到的问题:当用户调整系统字体大小的时候,APP的字体一般也都会跟随改变,进而导致某些界面布局排版混乱。下面先说一下关于sp单位的理解sp单位除了受屏幕密度影响外,还受到用户的字体大小影响,通常情况下,...
  • 主要讲FMX开发APP界面下可视控件的布局基础知识,也是一些基本的概念,也只有当你了解这些基础知识后,才能更好的应用界面布局。
  • 菜鸟对APP界面设计的一些心得小结

    千次阅读 2018-01-15 23:13:00
    当我看着我以前做的一些app界面,我意识到我应该把我的界面设计能力水平再提升一个,因为实在是丑啊!贴一些以前的设计: 现在看来,是不能看的了。我主要是做需求设计,后面也有一些美工的工作,我觉得有必要总结...
  • 文章目录一、前言二、预备1....被逼无奈,何不自己造个轮子,开发一款自己专属的文字识别工具呢,于是我们找到了Matlab App Designer。 玩过 Matlab 的朋友们都知道,构建图形用户界面,Matlab提供了两种工具
  • 如何修改安卓界面

    千次阅读 2019-08-31 17:52:38
    您可以用过安卓修改大师的界面修改功能可视化进行修改,本教程教你如何修改界面上面的按钮文字颜色、隐藏按钮和修改背景图片。安卓修改大师提供所见即所得的界面布局修改功能。 第十讲 如何修改安卓界面 由于不...
  • 使用matlab设计交互界面App Designer)

    万次阅读 多人点赞 2019-07-29 14:43:14
    Matlab的App Designer可以帮助我们快速编写简易的用户界面程序。本文是一个笔记,记录利用App Designer开发交互界面的一些tips。 1. 主体流程 1.1 一个最简单的DemoApp 在matlab主界面里面新建App(保存为DemoApp...
  • uni-app 富文本内容利用html2json转换成对应类似控件 rich-text 对应的数组资源格式后进行展示的自定义组件、可以进行富文本html内容中 图片展示、视频播放、音频播放。
  • APP界面管理(风格色调)$axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };$axure.utils.getOtherPath = function() { return 'resources/Other.html'; };$axure....
  • 问题情况截图如下: 在layout的主布局中加入 android:fitsSystemWindows="true" 如下: <LinearLayout xmlns:android=... xmlns:app="http://schemas.android.com/apk/res-a...
  • 1.activity实现创建一个Splash activitypublic class Splash extends AppCompatActivity {@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate( ...//加载启动界面setContentView(R....
  • 鸿蒙 OS:使用 JavaScript 开发 Todo App UI 界面

    万次阅读 多人点赞 2020-09-19 22:38:08
    在利用了分布式系统的优势之后,多个设备间可以共享应用程序界面和数据,并且对于开发者,也可以使用一套代码编写应用,就可以在多种设备终端上运行。 一开始我并没有太关注鸿蒙系统,以为它只能使用 Java 开发应用...
  • 基于uniapp + nvue实现的uniapp仿微信界面功能聊天应用 txim 实例项目,实现了以下功能。 1: 聊天会话管理 2: 好友列表 3: 文字、语音、视频、表情、位置等聊天消息收发 4: 一对一语音视频在线通话 先放上效果...
  • 最近在项目中,需要提供TextView的复制功能,让用户可以自由复制App中某些界面的特定内容。 需求来源于用户有时需要复制编号,用于其它地方的搜索,比如下图中TD开头的这一长串编号。 如果在搜索...
  • 文章目录前言一、新建SplashActivity文件二、详细步骤1.修改SplashActivity代码2.修改layout文件夹下的splash.xml3.修改AndroidMainfest代码 前言 新建项目的必经之路:制作开机...import androidx.appcompat.app.App.
  • 升级界面上默认的文字为install system update ,那么可以改吗,那当然可以 首先这部分文字的来源recovery/res-xhdpi/images/install_text.png,里面是所有翻译的列表,recovery会对图片进行解析 ,根据传入的locale ...
  • 1.app首页的轮播图和各大视频网站以及首页的文字和下方广告都可以在后台添加/删除 2.首页的顶部的app名称可以后台随时修改 3.**:这个页面所有的轮播和小图标都可以在后台添加/删除。 4.去除观看时候的各种弹窗...
  • UI设计理念-app界面设计流程

    万次阅读 2016-04-05 15:49:02
    不多说,先介绍下关于app界面流程图。 完整的流程,分层次设计,自下而上去完成 1.策略层,定义产品使命、价值、目标人群 2.愿景/功能层:定义核心场景、功能列表 3.结构层:做流程图、信息架构,确定主导航、...
  • Android App界面和流畅度优化

    千次阅读 2016-11-26 11:52:06
    所谓界面和流畅度优化,就是尽可能多地消除用户可直接感知的、影响用户操作体验的bug 1、人为在UI线程中做轻微耗时操作,导致UI线程卡顿 人为避免一切耗时操作 开启 StrictMode(严苛模式) 在Activity...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 48,466
精华内容 19,386
热门标签
关键字:

修改app里的界面文字