精华内容
下载资源
问答
  • html5手机对话框制作文字提示弹出框特效
  • Android 自定义实现一个AlertDialog对话框,提示框或警告框弹出式对话框,套用了系统Holo风格,生成符合系统主题的AlertDialog.Builder,可以分别定义弹出提示的标题文字及提示内容:  builder.setTitle("Test ...
  • 看到qq等app上的那些popup很是让人渴望制作,但是呢,到底怎么才能得到那些对话框,以及怎么才能制作呢。我们没有美工,图片在网上有不太容易找到想要的(只有人家的实例图片),此时就想到一个讨巧的方法。下面就和...

    最近因为要开发安卓应用,于是乎,显而易见的要碰到一些用popupwindow做的控件,本身提供的那些外形和图片背景都不是太近人意的。看到qq等app上的那些popup很是让人渴望制作,但是呢,到底怎么才能得到那些对话框,以及怎么才能制作呢。我们没有美工,图片在网上有不太容易找到想要的(只有人家的实例图片),此时就想到一个讨巧的方法。下面就和大家具体说说怎么才能把这个9patch制作出来和使用好。

    下图是QQ上的对话框:

     

    1.我们需要一个word(2010版本以上的),随便新建一个新文件,找到插入形状,然后找到圆角对话框,在word上画出来,不需要太大,然后进行顶点微调,调制中间,然后最后一步是选择填充颜色就好了。这边我为了和qq对应,也选择了一个渐变黑色。将图用截图工具保存下来为PNG格式,qq截图就行了,要保存。

    下图为我已经截图玩好的图:

    2.这时候我们就需要用PS(Photoshop)了,只需要基础操作就可以了,我们把图加载到ps中去,用抠图工具把,对话框抠出来,我这边选用的是快速选图,然后移到新建的图布中(背景注意需要透明),这些都做好了,我们就需要把图上面那个回车标志去掉,具体怎么去,智者见智,只要行的通就好,我是用污点修复工具,当然在第一步也可在word隐藏回车,作者懒得没弄设置,所以在这边去掉。最后我们适当把图的像素调小一点,注重程序优化和空间节省,已经这个空间不需要高清背景,因为9patch可以扩展自己要求的内容。

    下图是经过ps修复的图:

    3.这时候我们一个对话框就出来了,接下来就是到了安卓部分了。我们打开9patch工具。这里我来详细教大家怎么使用这个对话框9patch设置。用图说明一步一步,注意看所设置的像素线。

    (1).

    (2).

    (3).

    如此设置好就可以了,这样一个9patch对话框就算完成了。

     

     

    下面我给大家简单实例一下这个图片的使用:

    好了,希望对各位程序爱好者有少许帮助,第一次写博客。有什么不足的还望大家谅解,转载,copy请注明出处,谢谢!

    展开全文
  • 在开发app学习过程中,很多情况需要向用户提示信息,因此使用对话框(AlertDialog)成为简单明了的方式之一。 话不多说,先看效果图 实现该功能只需在.java中添加如下语句,以图中案例为例: new AlertDialog....

    在开发app学习过程中,很多情况需要向用户提示信息,因此使用对话框(AlertDialog)成为简单明了的方式之一。
    话不多说,先看效果图

    实现该功能只需在.java中添加如下语句,以图中案例为例:

    new AlertDialog.Builder(
                                getActivity())
                                .setTitle("红楼梦")
                                .setMessage("作者:曹雪芹\n种类:名著")
                                .setPositiveButton("确定", null)
                                .show();

    1. .setTitle("")为对话框的题目;

    2. .setMessage("")为对话框显示的内容,其中\n为换行符号;

    3. .setPositiveButton表示设置弹框后的确定按钮,setNegativeButton表示设置弹框后的取消按钮;

    setPositiveButton是实现android.content.DialogInterface.OnClickListener接口后的方法。普通的onclick()是view下的,完全是两个不同的实现;

    4. .show()用于显示。

    展开全文
  • 上面写的是一个对话框Fragment,下面是写在Activity里要调用该对话框的语句 Button btn_dialog=(Button) findViewById(R.id.btn_dialog); //调用另外的fragment对话框 btn_dialog.setOnClickListener(new ...
    package com.example.myfirstapp;
    
    import android.app.AlertDialog;
    import android.app.Dialog;
    import android.app.DialogFragment;
    import android.content.DialogInterface;
    import android.os.Bundle;
    import android.widget.Toast;
    
    public class ListItemDialogFragment extends DialogFragment {
    	 CharSequence[] items={"Google","Apple","Microsoft"};
         boolean[] itemsChecked=new boolean[items.length];
    
     @Override
        public Dialog onCreateDialog(Bundle savedInstanceState) {
         
            AlertDialog.Builder builder = new AlertDialog.Builder(getActivity());
         
            builder.setTitle("这是一个多项选择对话框")
                   .setPositiveButton("OK", new DialogInterface.OnClickListener() {
                       public void onClick(DialogInterface dialog, int id) {
                           // FIRE ZE MISSILES!
                           Toast.makeText(getActivity(),
                               "You click it!", Toast.LENGTH_SHORT).show();
                       }
                   })
                   .setNegativeButton("Cancel", new DialogInterface.OnClickListener() {
                       public void onClick(DialogInterface dialog, int id) {
                           // User cancelled the dialog
                           Toast.makeText(getActivity(),
                               "Cancel clicked!", Toast.LENGTH_SHORT).show();
                       }
                   })
                   .setMultiChoiceItems(items, itemsChecked, new
                DialogInterface.OnMultiChoiceClickListener() {
                    @Override
                    public void onClick(DialogInterface dialog, int id,
                    boolean isChecked) {
                        Toast.makeText(getActivity(),
                            items[id] + (isChecked ?  " checked!":
                            " unchecked!"),
                            Toast.LENGTH_SHORT).show();
                    }
                }
            );
            // Create the AlertDialog object and return it
            return builder.create();
        }
    
    }
    上面写的是一个对话框Fragment,下面是写在Activity里要调用该对话框的语句
            Button btn_dialog=(Button) findViewById(R.id.btn_dialog);
            
            //调用另外的fragment对话框
            btn_dialog.setOnClickListener(new View.OnClickListener()
            {
            	
    
    			@Override
    			public void onClick(View arg0) {
    
    		        ListItemDialogFragment dialogFragment = new ListItemDialogFragment();
    		        	
    		             dialogFragment.show(getFragmentManager(), "dialog1");  
    				
    				
    		
    			}
            });

    转载于:https://my.oschina.net/cfanyjr/blog/160088

    展开全文
  • 对于产品经理来说,熟练使用一些常用软件是一项...今天我们就谈谈,如何用Axure快速制作APP交互原型,不对,更准确的说法应该是:如何用Axure快速制作一份有水准的APP交互原型。作为一名优秀的产品人不仅要保证效...

    对于产品经理来说,熟练使用一些常用软件是一项十分必要的技能。其中,作为一个专业的快速原型设计工具,Axure RP无疑在产品人心中拥有一个难以撼动的地位。但就要PS一样,虽然足够专业,但同样也会存在使用灵活性的一些问题。

    今天我们就谈谈,如何用Axure快速制作APP交互原型,不对,更准确的说法应该是:如何用Axure快速制作一份有水准的APP交互原型。作为一名优秀的产品人不仅要保证效率,也要保证质量才行。

    首先抛出我的方法论:制作属于自己的元件库并要学会善用母版,熟悉APP设计规范并要有自己一套交互风格样式。我会以仿照「读读日报」IOS版做的一个交互原型稿为实例,表述整个制作过程的思路,希望能对你有所帮助。

    创建属于自己的元件库

    原型制作工具的核心功能无非就是通过元件的堆砌组合,来展示产品的目标形态和效果。Axure自带的只是一些最基本的元件,而网上的元件库庞杂混乱,很难找到满足需求并且称心的元件,并且大部分都是位图格式,根本无法修改颜色宽度等数值,制作出来的交互又怎么能达到精美的水准要求呢?

    还好Axure提供了「创建部件库」的功能,能够支持我们制作一份属于自己的元件库。我们可以通过软件自带的基本元件搭配组合出我们常用的图标、控件,制作完成后,每次应用的时候还能根据实际情况调整颜色、大小、线宽的数值,从而才能实现交互稿统一完美的风格。

    比如,APP中经常会用到一些主页、分享、搜索、消息….各种图标,或者我们每次遇到喜欢的图标,都可以用Axure画出来,以备不时之需。下边以图标为例讲一下制作元件库的具体步骤。

    一、创建元件库“绿色文件”

    打开Axure,在元件库面板「三条横线」按钮下拉选项中找到「创建部件库」功能,点击会弹出一个另存为对话框,这里需要选择元件库文件的存储位置,并需要输入元件库的名称。

    功能入口2

    此时,我们可以看到,文件的后缀名为 .rplib,这个就是元件库的格式,而不同于创作交互原型时正常Axure文件的.rp格式。

    保存地址2

    输入文件名称和存储位置之后,点击保存,Axure将重新打开一个新页面进行元件的编辑。并且我们可以看到,新页面跟我们平时创造.rp正常文件的页面一模一样,但不要混淆,此时页面编辑的是我们在正常.rp文件中需要用的基本元件。并且我们回到元件库存储的位置可以看到,元件库.rplib文件图标为”绿色“,不同于.rp文件的蓝色。

    绿色图标

    创建好元件库得”绿色文件“后,基本准备工作已经做完,下边就进入到制作过程。

    二、元件库分组

    通过观察Axure默认的元件库,我们可以看到其元件库是可以按照类别进行分组的。比如默认的分成了:common、forms、flow等等,这样能更方便我们找到目标元件的位置。

    同样,我们在制作元件库的时候,也可以进行分组,规则为:在页面导航面板上,所有的文件夹都是一个分组,所有没有在文件夹下的页面包括其所有子页面,都隶属与以元件库为名的分组下。

    分组22

    分组的规则弄明白之后,我们可以先按照自己对元件库的规划进行一个合理的分组,比如要做APP的元件库,那么我们可以分成:图标、控件、框架 3个常用分组,接下来就进入到具体元件的制作过程。

    三、编辑并制作元件

    我们以制作一个”我的“头像图标为例,首先在图标分组下,添加一个页面并命名为”我的“,双击进入到元件编辑页面,编辑操作就跟我们平时制作正常的.rp文件一模一样。我们我们可以参考一些app中常常采用的”我的“图标样式,然后用Axure默认的基本形状元件,比如矩形、横线、圆形等,组合拼凑成最终比较理想的样子。

    开始制作

    首先我们要明确,Axure中没有类似PS中的布尔运算(能够自由的对多个形状进行编辑,比如合并、相交、减去顶层等),所以会给我们制作元件,尤其是图标带来一定局限性,但好在交互原型并不要求苛刻的细节实现,只要我们能够很清楚的表示出产品形态,有比较整体的风格就可以了。并且我们用Axure基本形状自己勾画出来的图标,能很方便的调整颜色大小等,可以适用不同的交互文件,这就是从网上找现成的位图图标很难达到的便利性。

    回到“我的”图标制作,如图所示,我一共用到了三个基本形状来进行拼凑,最终组合成了我们经常能看到的一个图标样式,并且一眼就能明白它的含义。虽然没有更多的细节实现,但对于交互原型稿来说已经完全够用,关键是颜色大小等可以很灵活的进行修改。

    我的图标制作过程

    按照这个思路,我们可以制作更多的图标出来,当然还可以制作一些常用控件比如按钮、appbar、搜索栏、图标占位符等等。如下图,是我在画「读读日报」原型图时制作的一个元件库:

    我的元件

    元件库制作完成之后,然后就进入到最后一个步骤。

    四、载入自制元件库并使用

    元件库制作完成保存在自己常用的资源文件夹中。打开一个正常的.rp文件,同样是在元件库面板「三条横线」按钮下拉选项中找到「载入部件库」功能,然后找到制作完成的元件库文件“绿色图标”载入。

    载入

    载入之后,我们就可以在「选择元件库」下拉选项中,找到刚刚载入的元件库并选中,然后我们就可以像使用软件自带的元件一样使用我们自制的元件库了。

    选择元件

    怎么样,看到这里你应该学会了如何自制一个元件库了吧,希望你会花时间动手做一个。当然除了创建部件库,Axure有很多技巧都需要掌握,比如母版的功能。

    学会善用母版

    在产品的设计过程中,主导航往往出现在多个页面,比如APP的底部tab栏。当然不仅仅是导航,当我们频繁使用任何一组控件的时候,希望你不是一直都在复制和粘贴,永远记住,创建一个母版可能是更好的选择。

    使用母版的便利性不单单体现在能够快速的使用一组控件,尤其是在设计后期,当我们需要修改某些基本控件的时候,母版带来的修改效率一定会让你深深的爱上这个功能,欲罢不能。

    除了学会使用母版,更要学会善用母版。同样有一点希望能记住,不要把太大的组合对象变成母版。因为越是大的组合对象,越是有可能需要在母版的很多地方做出修改。此时把一些母版和另外一个母版合并起来一般会是更好的办法,这样对母版的修改会更加的灵活,比如下图,将产品基本信息和可能购买状态分开成两个母版,组合在一起成为产品的完整页面

    母版

    制定一套自己的交互风格

    学会了创建自己的元件库,也懂得了善用母版,当然还有其他很多Axure软件的使用技巧。应该就可以很快速的完成一份交互原型稿了吧,可是又该如何保证交付稿有统一的风格,达到较高的目标水准呢?

    首先,我们要熟悉APP的设计规范,符合Android或者iOS的设计理念,对于一些常规的控件设计规则有一定的了解。这样设计出来的产品才能符合这个平台的特性,并且基于大家对相关平台的一些固有认知,很容易能够达成共识。这也是交互原型作为一个沟通交付物应该达成的目标。

    基于对APP设计规范的熟悉,同时在制作过程中,要根据使用场景以及自己的习惯来制定一套自己的交互风格。比如可以定义好APP原型中,正文字体采用 微软雅黑 颜色#333333 13字号、提示文字为微软雅黑 颜色#999999 10字号、固定的appbar行高为40px,内容据左侧屏幕边缘10px距离……

    当然某些规范,比如字体也可以当成一个字体元件,放到我们自制的元件库中,总之要根据自己的情况灵活的运用。有了一套风格之后,加上创建的元件库随意修改颜色大小等,我相信制作出来的交互原型肯定是协调统一的整体。

    读读日报原型制作

    理论方法掌握了,需要实践的锻炼才能更好的吸收领悟。我参照「读读日报」iOS版,对主要的一些页面画了一些交互原型。基本过程和思路就是按照本文所提到的这些内容。

    为了更有形象感,从网上找来一个iPhone手机的边框,并且创建自己的部件库,绘制了一些常用的图标和控件。然后设定了整体的风格,制作过程中也用到了几个母版提高效率,同时可以使用辅助线帮助自己保证部件的对齐、平均分布等,进而提高布局的美感。

    读读日报

    总结

    末尾再次抛出我开篇提到的,如何用Axure快速制作APP交互原型的方法论:制作属于自己的元件库并要学会善用母版,熟悉APP设计规范并要有自己一套交互风格样式。

    希望,我的这点总结思考能给走在产品经理路上的新人一点启示。,我相信其中有很多地方都可以实现的更加完美,也欢迎能够一起交流进步。并且除了Axure,有很多工具也能很好地支持APP原型的制作,也需要我进一步去探索学习。

     

    转载自:http://www.woshipm.com/rp/223634.html

    转载于:https://www.cnblogs.com/Im-Victor/p/10086547.html

    展开全文
  • 用Visual C++制作文件浏览对话框

    千次阅读 2010-06-29 20:57:00
    在编制Windows应用程序时,常常要用到这样的一种功能:显示一个模式对话框,要求用户指定一个文件夹,如图所示。这个功能看起来很简单,其实不然,因为首先,Windows是一具多任务的操作系统,在这个对话框显示期间,...
  • 在前几篇文章讲解基础上,本文将介绍手机APP制作方法。 编程环境:阿里云。没错,... 就是这么简单,来吧,跟着一步步做起来
  • 制作单词记录App(二)制作单词记录App(二)制作菜单制作菜单和搜索功能的实现制作清空数据功能和切换布局功能 本文为学习类文档,通过学习B站up主longway777的视频,再加上自己的总结与理解的学习类文章,如有侵权...
  • 首先MFC连接mysql数据库的配置百度配好,这里不再解释。注意x64和x32配置时是有区别的...在资源视图添加对话框资源IDD_DIALOG1 给该对话框定义一个dlg类 2.打开该对话框资源加入控件做成下图 3.打开dlg.h文件在pub
  • 之前写过一个组件的文章,算是入门,也是官网的例子,这个纯粹自己再写一遍,之前的文章html结构这也是官网的一个例子首先我把生成后的html复制过来,分成两部分,一部分是一个按钮,用来弹出对话框,另外一部分是弹...
  • 为mac app制作dmg

    2021-04-22 13:00:24
    一、发布包 菜单栏选择 product -&...在出来的对话框中按您的需求修改橙色框圈起来的地方,其中空间大小设置略大于上面提到的 13.2MB 即可,这里设置为 14.5MB: 在映像中创建 /Applications 的软链接(在终端下执行
  • 制作一个BCG单文档模拟的对话框

    千次阅读 2012-07-21 16:44:36
    8、模拟对话框的“关于对话框”,也可以不做这个的:  在MainFrm.h中加入afx_msg void OnSysCommand(UINT nID, LPARAM lParam);这句话。  在MainFrm.cpp中重载WM_SYSCOMMAND消息,加入以下代码。  void ...
  • 1. 首先在MFC DLL 的文件中函数中添加 ...BOOL CPIMSHQERON001100App::InitInstance() { AFX_MANAGE_STATE(AfxGetStaticModuleState()); COleObjectFactory::RegisterAll(); CWinApp::InitInstance();
  • 1、类结构: java.lang.Object ...2、创建AlertDialog对话框的步骤: 创建AlertDialog.Builder对象,该对象能创建AlertDialog;调用Builder对象的方法设置图标、标题、内容、按钮等; se
  • 摘要:上篇文章讲了如何用阿里云IoT Studio快速制作一个网页版的手机端,以及通过第三方平台将这个网页打包成一个APK文件,使它可以安装到手机实现APP的功能。但是使用第三方平台做的APP是需要收费的,如果想免费做...
  • 也许,我们应该静下心来,不一定要拼命地钻,不经意的一个界面,就可以由Ext绘制而成,好像这里为大家介绍的一个软件界面中常见的“关于”对话框。下图就是最终完成的截图,不会太复杂,正好说明Ext组件的基本运用...
  • android 弹出对话框时显示键盘

    千次阅读 2017-09-27 08:55:50
    之前,我讲了如何制作自定义的对话框,现在,如果在弹出对话框时,自动弹出软键盘,将光标直接聚焦到自定义对话框的输入框内,那该怎么做呢? 在网上搜索资料,找到了两种代码,可以解决。 一.监听对话框...
  • 里面可以封装一写设置提示语的方法,到时候一个app用一套统一的对话框是很好的。 1、首先继承自dialogpackage com.example.myslefdialog;import android.app.Dialog; import android.content.Context; import ...
  • 使用WEX5移动开发工具制作仿淘宝APP 系统设计的意义 本课题来源于对日常逛超市、购物的生活体验和指导老师的提示。本系统是基于 WeX5的仿淘宝App系统,它商家们提供了一个更广阔的商品推广渠道 ,使商家们通过网站...
  • 我正在使用Windows 7中的python3.4,PyQt5制作GUI应用程序.申请很有样.用户单击主窗口的按钮,弹出信息对话框.当用户单击信息对话框的关闭按钮(窗口的X按钮)时,系统会显示确认消息.这是所有的了.这是我的代码.# coding...
  • 点此进入:[干货] 十天 教你从创意到上线APP制作一个APP之前你要准备哪些东西呢?这对于我们开发者来说往往是一个头疼的问题,然而对于项目经理、产品经理而言,这个问题则是再简单不过的。因为他们知道,一个应用...
  • 对话框文本内容部分需要加粗或者超链接 实现效果如下图: UI布局都比较简单,主要是文本内容处理,存在俩种方式,第一种是使用HTML标签对需要加粗或者修改颜色的文字进行标记;第二种是通过SpannableString对...
  • 上例建立的dll为非MFC的,不能使用MFC框架,如CString、对话框等类型,使用起来有一定限制。可以建立MFC的Dll来改进。建立MFC Dll的方法: 1、在VC6中新建工程时选择:MFC AppWizard(dll) 2、保持默认的 Regular ...
  • Android加载中对话框示例

    千次阅读 2018-03-19 23:57:50
    Android加载中对话框示例前一段时间需要一个Android加载中的对话框,纠结了比较久。 加载中对话框就是要显示的页面其中的数据量未定,所以显示是循环获取的状态,知道获取完数据,或者超时就关闭加载中对话框。 ...
  • 如果安卓自带的对话框不能满足你的需求,而你又迫切需要一个炫酷(哈哈,夸张一下,就是可以加缩放,平移等动画)的自定义对话框,可以看看这篇博客,大神可以绕过。。先上图对话框布局代码dialog_test.xml<?...
  • delphi XE同步与异步及平台特性对话框单元FMX.DialogService.pas 一、原理 FMX.DialogService.pas ///<summary>Serviceformanagingplatformdifferencesinbehaviourswhenshowingdialogs....
  • ListView实现列表数据与聊天对话框,具体说明请见CSDN博客介绍https://blog.csdn.net/weimeig/article/details/80279983
  • Android 对话框(Dialog)大全 建立你自己的对话框 创建对话框  一个对话框一般是一个出现在当前Activity之上的一个小窗口. 处于下面的Activity失去焦点, 对话框接受所有的用户交互. 对话框一般用于提示信息和与...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 9,897
精华内容 3,958
关键字:

对话框制作app