第一篇：一款基于Material Desgin设计的APP
一款基于Material Desgin设计的APP
介绍
淘School是一款基于MD的一款校园二手商品交易平台，当然小编只是简单的开发了一些功能，并没有完善，只是想做一款MD的APP，并没有交易支付的功能，只是把我感觉比较好的MD的一些组件融到了项目中，下面小编来详细介绍一下用到的技术：
因为小编服务器端不是很熟练，所以就用了Bmob，还不错挺容易上手的，就依赖了它的两个库而已，网络请求和模型都是封装好的，我们直接调用就可以。
先看一下小编引用的一些库吧：
compile 'com.android.support:appcompat-v7:23.1.0'
compile files('libs/BmobSDK_V3.4.5_1111.jar')
compile files('libs/okio-1.4.0.jar')
compile 'com.android.support:support-v4:23.1.0'
compile 'com.github.manuelpeinado.fadingactionbar:fadingactionbar-abc:3.1.2'
compile 'com.android.support:design:23.1.0'
compile 'com.pnikosis:materialish-progress:1.7'
compile 'me.drakeet.materialdialog:library:1.2.8'
compile 'com.jakewharton:butterknife:7.0.1'
compile 'com.nostra13.universalimageloader:universal-image-loader:1.9.5'
compile 'com.weiwangcn.betterspinner:library:1.1.0' compile 'com.nineoldandroids:library:2.4.0'
1.Android Support Desgin
CollapsingAvatarToolbar 头像随ListView滚动缩回到ActionBar特效
TextInputLayout带动画的输入框
2.ActionBarDrawerToggle、DrawerLayout、ActionBar 结合
3.RippleEffect水波纹效果
4.PagerSlidingTabStrip+viewpager实现选项卡左右滑动
5.FloatActiconButton悬浮按钮实现仿钉钉悬浮按钮
6.PullToZoomScrollView实现下拉自动放大头部View
7.materialdialog实现的对话框
8.MaterialSpinner实现的带效果的spinner
9.butterknife注解框架
小编用到的技术基本上就这些，下面小编会详细的介绍一下。
技术实现
1.主界面
先介绍一下主界面吧，主界面小编用的是ActionBarDrawerToggle+DrawerLayout+ActionBar实现的滑动抽屉效果。布局文件就不介绍了，这个用的也挺多的，网上资料也很多，介绍几个方法吧
//设定左上角突变可点击
getSupportActionBar().setHomeButtonEnabled(true);
// 给左上角图标的左边加上一个返回的图标。对应ActionBar.DISPLAY_HOME_AS_UP
getSupportActionBar().setDisplayHomeAsUpEnabled(true);
//设置标题 getSupportActionBar().setTitle(getResources().getString(R.string.action_title));
// 使自定义的普通View能在title栏显示，即actionBar.setCustomView能起作用，对应ActionBar.DISPLAY_SHOW_CUSTOM
actionBar.setDisplayShowCustomEnabled(true)closeDrawers（）；//关闭抽屉
2.滑动选项卡
小编主界面的滑动选项卡用的是PagerSlidingTabStrip+viewpager管理fragment
3.主界面的悬浮按钮
悬浮按钮在github上有Demo，用的是第一个，然后重写了一下里面的滑动监听实现了listview滑动显示隐藏按钮。看一下布局文件：
android:id=“@+id/multiple_actions” android:layout_width=“wrap_content” android:layout_height=“wrap_content” android:layout_alignParentBottom=“true” android:layout_alignParentRight=“true” android:layout_alignParentEnd=“true” fab:fab_addButtonColorNormal=“@color/origle” fab:fab_addButtonColorPressed=“@color/origle_tab” fab:fab_addButtonPlusIconColor=“@color/white” fab:fab_labelStyle=“@style/menu_labels_style” android:layout_marginBottom=“@dimen/smaller_space” android:layout_marginRight=“@dimen/smaller_space” android:layout_marginEnd=“@dimen/smaller_space”> android:id=“@+id/fb_update” android:src=“@drawable/update” fab:fab_labelStyle=“@style/menu_labels_style” android:layout_width=“wrap_content” android:layout_height=“wrap_content” fab:fab_colorNormal=“@color/theme_color” fab:fab_colorPressed=“@color/theme_color_tab”/> android:id=“@+id/fb_new” fab:paddingEnd=“@dimen/small_space” android:src=“@drawable/edit” android:layout_width=“wrap_content” android:layout_height=“wrap_content” fab:fab_colorNormal=“@color/theme_color” fab:fab_colorPressed=“@color/theme_color_tab”/> android:id=“@+id/fb_person” android:layout_width=“wrap_content” android:layout_height=“wrap_content” android:src=“@drawable/title_person” fab:fab_colorNormal=“@color/theme_color” fab:fab_colorPressed=“@color/theme_color_tab”/> 下面是重写的ListView滑动监听实现显示隐藏悬浮按钮 public void attachToListView(@NonNull AbsListView listView，ScrollDirectionListener scrollDirectionListener，AbsListView.OnScrollListener onScrollListener){ AbsListViewScrollDetectorImpl scrollDetector = new AbsListViewScrollDetectorImpl(); scrollDetector.setScrollDirectionListener(scrollDirectionListener); scrollDetector.setOnScrollListener(onScrollListener); scrollDetector.setListView(listView); scrollDetector.setScrollThreshold(mScrollThreshold); listView.setOnScrollListener(scrollDetector); } private class AbsListViewScrollDetectorImpl extends AbsListViewScrollDetector { private ScrollDirectionListener mScrollDirectionListener; private AbsListView.OnScrollListener mOnScrollListener; private void setScrollDirectionListener(ScrollDirectionListener scrollDirectionListener){ mScrollDirectionListener = scrollDirectionListener; } public void setOnScrollListener(AbsListView.OnScrollListener onScrollListener){ mOnScrollListener = onScrollListener; } @Override public void onScrollDown(){ show(); if(mScrollDirectionListener!= null){ mScrollDirectionListener.onScrollDown(); } } @Override public void onScrollUp(){ hide(); if(mScrollDirectionListener!= null){ mScrollDirectionListener.onScrollUp(); } } @Override public void onScroll(AbsListView view, int firstVisibleItem, int visibleItemCount，int totalItemCount){ if(mOnScrollListener!= null){ mOnScrollListener.onScroll(view, firstVisibleItem, visibleItemCount, totalItemCount); } super.onScroll(view, firstVisibleItem, visibleItemCount, totalItemCount); } @Override public void onScrollStateChanged(AbsListView view, int scrollState){ if(mOnScrollListener!= null){ mOnScrollListener.onScrollStateChanged(view, scrollState); } super.onScrollStateChanged(view, scrollState); } } public void show(){ show(true); } public void hide(){ hide(true); } public void show(boolean animate){ toggle(true, animate, false); } public void hide(boolean animate){ toggle(false, animate, false); } private void toggle(final boolean visible, final boolean animate, boolean force){ if(mVisible!= visible || force){ mVisible = visible; int height = getHeight(); if(height == 0 &&!force){ ViewTreeObserver vto = getViewTreeObserver(); if(vto.isAlive()){ vto.addOnPreDrawListener(new ViewTreeObserver.OnPreDrawListener(){ @Override public boolean onPreDraw(){ ViewTreeObserver currentVto = getViewTreeObserver(); if(currentVto.isAlive()){ currentVto.removeOnPreDrawListener(this); } toggle(visible, animate, true); return true; } }); return; } } int translationY = visible ? 0 : height + getMarginBottom(); if(anwww.xiexiebang.comimate){ ViewPropertyAnimator.animate(this).setInterpolator(mInterpolator) .setDuration(TRANSLATE_DURATION_MILLIS) .translationY(translationY); } else { ViewHelper.setTranslationY(this, translationY); } // On pre-Honeycomb a translated view is still clickable, so we need to disable clicks manually if(!hasHoneycombApi()){ setClickable(visible); } } } private int getMarginBottom(){ int marginBottom = 0; final ViewGroup.LayoutParams layoutParams = getLayoutParams(); if(layoutParams instanceof ViewGroup.MarginLayoutParams){ marginBottom =((ViewGroup.MarginLayoutParams)layoutParams).bottomMargin; } return marginBottom; } private boolean hasHoneycombApi(){ return Build.VERSION.SDK_INT >= Build.VERSION_CODES.HONEYCOMB; } } 然后再activity中这样用： fab.attachToListView(lvProduct, new ScrollDirectionListener(){ @Override public void onScrollDown(){ Log.d(“ListViewFragment”, “onScrollDown()”); } @Override public void onScrollUp(){ Log.d(“ListViewFragment”, “onScrollUp()”); } }, new AbsListView.OnScrollListener(){ @Override public void onScrollStateChanged(AbsListView view, int scrollState){ Log.d(“ListViewFragment”, “onScrollStateChanged()”); } @Override public void onScroll(AbsListView view, int firstVisibleItem, int visibleItemCount, int totalItemCount){ Log.d(“ListViewFragment”, “onScroll()”); } }); 很简单。 4.商品详细界面上下滑动头像回到actionbar上 这个效果是小编一直都想实现的，因为技术、时间、能力有限，所以一直没去搞，在网上搜了好多相关的帖子，博客，终于让我找到一个类似的，做了一下改动实现了。 这个技术是CoordinatorLayout+Toolbar+CollapsingAvatarToolbar实现的。实际上support desgin可以实现文字的上下滑动但是没有头像的上下滑动改变大小。CollapsingAvatarToolbar这个组件实现了这一效果，当然并不是小编写的，只是小编改的，但是能改出来小编也已经很高兴了。给大家看一下布局： android:id=“@+id/main_content” android:layout_width=“match_parent” android:layout_height=“match_parent” android:background=“@color/theme_color” android:clipToPadding=“true” android:fitsSystemWindows=“true”> android:id=“@+id/appbar” android:layout_width=“match_parent” android:layout_height=“200dp” android:theme=“@style/ThemeOverlay.AppCompat.Dark.ActionBar”> android:id=“@+id/collapsing_toolbar” android:layout_width=“match_parent” android:layout_height=“match_parent” app:contentScrim=“@color/theme_color” app:layout_scrollFlags=“scroll|exitUntilCollapsed”> android:id=“@+id/toolbar” android:layout_width=“match_parent” android:layout_height=“?attr/actionBarSize” app:layout_collapseMode=“pin” app:popupTheme=“@style/ThemeOverlay.AppCompat.Light” /> android:id=“@+id/stuff_container” android:layout_width=“wrap_content” android:layout_height=“?attr/actionBarSize” android:orientation=“vertical”> android:id=“@+id/usericon” android:layout_width=“40dp” android:layout_height=“40dp” android:layout_gravity=“center_vertical” android:src=“@drawable/defaut” /> android:id=“@+id/username” android:layout_width=“wrap_content” android:layout_height=“wrap_content” android:layout_gravity=“center_vertical” android:fontFamily=“sans-serif-medium” android:text=“Hankkin” android:textColor=“@android:color/white” android:textSize=“18dp” /> android:layout_width=“match_parent” android:layout_height=“match_parent” android:background=“@color/gray” app:layout_behavior=“@string/appbar_scrolling_view_behavior”> android:padding=“@dimen/small_space” android:orientation=“vertical” android:layout_width=“match_parent” android:layout_height=“wrap_content”> android:gravity=“center_vertical” android:padding=“@dimen/small_space” android:orientation=“horizontal” android:layout_width=“match_parent” android:layout_height=“wrap_content”> android:id=“@+id/iv_user_head” android:src=“@drawable/defaut” android:layout_width=“35dp” android:layout_height=“35dp” /> android:layout_marginLeft=“@dimen/small_space” android:textSize=“@dimen/normal_textSize” android:text=“Hankkin” android:textColor=“@color/black” android:layout_weight=“1” android:id=“@+id/tv_username” android:layout_width=“wrap_content” android:layout_height=“wrap_content” /> android:textColor=“@color/deep_gray” android:textSize=“@dimen/small_textSize” android:text=“asdas” android:id=“@+id/tv_time” android:layout_width=“wrap_content” android:layout_height=“wrap_content” /> android:layout_marginLeft=“@dimen/small_space” android:textColor=“@color/black” android:textSize=“@dimen/normal_textSize” android:id=“@+id/tv_pro_name” android:layout_width=“wrap_content” android:layout_height=“wrap_content” android:text=“二手” /> android:layout_marginLeft=“@dimen/small_space” android:textColor=“@color/black” android:textSize=“@dimen/normal_textSize” android:id=“@+id/tv_pro_desc” android:layout_width=“wrap_content” android:layout_height=“wrap_content” /> android:scaleType=“fitXY” android:id=“@+id/iv_product” android:layout_width=“match_parent” android:layout_height=“300dp” android:background=“@color/deep_gray” /> android:paddingBottom=“@dimen/small_space” android:orientation=“honc630.comrizontal” android:layout_width=“match_parent” android:layout_height=“wrap_content”> android:drawablePadding=“@dimen/tiny_space” android:drawableLeft=“@drawable/location” android:textSize=“@dimen/small_textSize” android:layout_marginTop=“@dimen/small_space” android:layout_marginLeft=“@dimen/middle_space” android:text=“天津理工大学” android:id=“@+id/tv_school” android:layout_weight=“1” android:layout_width=“wrap_content” android:layout_height=“wrap_content” /> android:textSize=“@dimen/small_textSize” android:textColor=“@color/theme_color” android:layout_marginRight=“@dimen/middle_space” android:layout_marginTop=“@dimen/small_space” android:text=“￥” android:id=“@+id/tv_price” android:layout_width=“wrap_content” android:layout_height=“wrap_content” /> android:layout_marginTop=“@dimen/middle_space” android:orientation=“horizontal” android:layout_width=“match_parent” android:layout_height=“64dp”> android:gravity=“center” android:layout_weight=“1” android:layout_width=“match_parent” android:layout_height=“match_parent”> android:src=“@drawable/telephone” android:layout_width=“wrap_content” android:layout_height=“match_parent” /> android:gravity=“center” android:layout_weight=“1” android:layout_width=“match_parent” android:layout_height=“match_parent”> android:src=“@drawable/sms” android:layout_width=“wrap_content” android:layout_height=“match_parent” /> android:gravity=“center” android:layout_weight=“1” android:layout_width=“match_parent” android:layout_height=“match_parent”> android:src=“@drawable/collect” android:layout_width=“wrap_content” android:layout_height=“match_parent” /> 效果就这样： 5.个人资料界面 用法也很简单，我们在布局里面嵌套一个PullToZoomScrollViewEx，而布局的head，content，footer都可以自定义，然后引用进来就可以了。 PullToZoomScrollViewEx scrollView =(PullToZoomScrollViewEx)findViewById(R.id.my_pull_scoll); headView = LayoutInflater.from(this).inflate(R.layout.profile_head_view, null, false); zoomView = LayoutInflater.from(this).inflate(R.layout.profile_zoom_view, null, false); contentView = LayoutInflater.from(this).inflate(R.layout.profile_contect_view, null, false); scrollView.setHeaderView(headView); scrollView.setZoomView(zoomView); scrollView.setScrollContentView(contentView); 幼儿园如何选择一款自己的APP？ 据工业和信息化部统计显示，目前中国手机上网用户已达8亿人左右。人们的生活已离不开智能手机，一部千元的手机就能完成移动办公、购物、社交、娱乐等多种应用。2012年下半年移动终端流量全面超过PC互联网，网民的依赖性逐渐增强，移动互联网时代来临。 智能终端的普及推动了移动互联网的发展，也带来了APP应用的爆炸式增长。一些传统行业诸如医疗、娱乐、交通、生活服务等纷纷与移动互联网相结合，创建了本行业的APP手机客户端。目前世界500强公司以及国内诸多大型企业均拥有了自己的APP，这标志着，APP客户端的商业使用，已经初露锋芒。 教育作为关乎国计民生的重大行业，与互联网的关系可谓紧密相联。前几年，顺应互联网的发展，国家提出了“数字化校园”工程的概念。投影仪、电脑、网站建设等数字技术在全国各大院校、幼儿园普及发展。进入移动互联网时代，如何与移动互联网结合成为当下教育行业的重要议题。专家预测，未来几年移动互联网与教育的整合将迎来爆点。 幼儿园建立自己专属APP是移动互联网时代的必然趋势，一款优秀的APP将对园区的管理和服务体系产生深远影响，具体表现在提升园区形象、提高办公效率、增强家园共育等方面，目前国内一些大型的幼儿园都已开始着手创建自己园区专属的APP手机客户端。家园宝幼儿园APP应运而生。 APP可分为标准APP、定制APP。家园宝幼儿园APP提供了标准版和定制版，标准版包含了基本的功能，像宝宝成长日记、通知公告、我的班级、每周食谱、精彩瞬间、育英知识、校车通知（假如学校有校车的话）、在线支付、儿童广场这些功能；而定制的APP可以让幼儿园拥有自己特色的功能，如有些高端私立的幼儿园它为每个学员配备了一个GPS，家园宝幼儿园APP就可以对这个GPS进行定向开发以满足这所幼儿园的需求。 移动互联网时代是一个逐步信息化的过程，幼儿园教育亦如此。在激烈的行业竞争中，紧跟时代潮流，拥抱新技术，占领信息化高地，成为关乎幼儿园未来是否持续、高效发展的关键。 App应用设计报告 指导老师： 陈乙雄 班级：土木建工12班 姓名： 李小阳 学号： 20116106 194559184.doc 目录 1.课程设计内容...........................................................................3 2.课程设计目的...........................................................................3 3.设计背景和需求分析.................................................................3 4.设计步骤..................................................................................4 4.1.界面设计.........................................................................................4 4.2.功能展示.........................................................................................6 5.心得体会..................................................................................9 194559184.doc 《力学助手》设计展示 1.课程设计内容 在土木工程学生初次接触三大力学时，困难重重，特别是在动力学和静力学部分，能够学好的人屈指可数，大部分是由于无法空间想象出物体在三大力学规律下的运动轨迹或者变形规律，本软件以三大力学为基础，将工程计算模型简化，使其能更好更高效的计算以及模拟形变，是三大力学初学者的必备软件。 2.课程设计目的 本课程设计的目的是在于系统学完三大力学之后，能结合工程中的实际问题，运用力学的基本理论和手机操作方法，独立地计算工程中的典型零部件，以达到综合运用安卓软件解决工程实际问题之目的。同时，可以使学生将力学的理论和现代计算方法及手段融为一体。既从整体上掌握了基本理论和现代的计算方法，又提高了分析问题，解决问题的能力；既把以前所学的知识（高等数学、工程图学、理论力学、算法语言、计算机和材料力学等）综合输入软件简单计算，又为后继课程（专业课等）打下基础，并初步掌握工程中的设计思想和设计方法，对实际工作能力有所提高。具体的有以下六项： 1．使学生的三大力学知识系统化、完整化； 2．在系统全面复习的基础上，运用手机绘图知识解决工程中的实际问题； 3．由于力求结合专业实际，因而课程设计可以把计算机知识和专业需要结合起来； 4．综合运用了以前所学的个门课程的知识(高数、制图、理力、算法语言、计算机等等)使相关学科的知识有机地联系起来； 5．初步了解和掌握移动设备中的设计思想和设计方法； 6．为后继课程的教学打下基础。 3.设计背景和需求分析 三大力学是指:理论力学,材料力学，结构力学。 力学不像数学,似乎没有特别明确的分支。每一门力学学科的诞生几乎都有由现实工程需求而产生的。最初就是牛顿的经典力学。理论力学就是研究静力学,运动学,动力学,考虑的模型都是刚体(就是没有变形),而后随着科技的发展,工程 194559184.doc 应用中就要考虑材料的变形,从而开始把力学模型改变,考虑物体的变形,也就是所谓的材料力学,再只有随着建筑工程的结构复杂性的提高,又开始研究结构力学。每一门力学学科的建立(大多自然科学都是如此),都需要建立模型,也就是把实际的问题抽象化,而抽象过程就是把现实中对所研究问题不重要的因素忽略掉,也就是模型假设,从而建立于这个问题相适应的模型进行研究,如果有意义有价值,也就慢慢深入研究下去,从而形成一门学科,他们都是随社会的发展而发展形成的。 4.设计步骤 流程图： 4.1.界面设计 软件logo：该软件以力学为基础，其本质特征自然是力学，故采用古老的毛笔字体作为其标志，如图。 194559184.doc 进入界面：该界面采用淡蓝色星光斑点状作为界面主色图，象征着力学知识如蓝天般辽阔，且给人舒心安宁的感觉，不会有反感心理，见右图。 主界面菜单：主界面菜单有还原模型、基本计算、基本公式、基本结论、关于我们和意见反馈六个选项，每一个都经过精心设计，都以三大力学为基础，且通过意见反馈，还可以了解到市场需求，可以更加的满足需要，如左图所示。 194559184.doc 4.2.功能展示 模型还原：物理模型是人们为了研究物理问题的方便和探讨物理事物的本身而对研究对象所作的一种简化描述，是以观察和实验为基础，采用理想化的办法所创造的，能再现事物本质和内在特性的一种简化模型。该软件把题目中的过程和物体简化成理想的物理模型，以便于更好的解答，如下图。 绘图功能介绍（仿CAD）：力学助手仿照autoCAD绘图功能，提供铰支座，杆件曲线等简单绘图元素，可以完成学习过程中的各类题型输入，一次将一个复杂的图形简化为物理模型，再通过三大力学数据库解决问题，绘制界面如下图。 194559184.doc 绘图完成界面：在绘图完成之后，需检测是否合理，如下图，只有合理地图形受力才可正常的解决。 计算完成绘图：在绘图完成后即可进入计算，这时系统将根据数据库调用各种原理解决，在计算完成后将自动的画出该模型的弯矩图，以便于学生对照学习，如下图。 194559184.doc 理论公式界面：力学助手的基本公式和基本理论都将单独成为一个版块，以便学生查询，如右图所示。 194559184.doc 5.心得体会 通过本次设计，我深有体会，并总结出了以下几点： 1、一个成功的设计应该是以用户为出发点，始终在考虑“用户需要什么”，最不可取的做法就是以个人喜好来决定设计方向，《力学助手》就是考虑到广大理科生的需求才应运而生。一味从自我考虑，做自己喜欢的软件，最后会发现做出来的软件只有你自己喜欢。所以，以用户为中心比都什么都重要。 2、花哨不如实用，诚然，漂亮很多时候，是占很大便宜的。但是易用性比漂亮更重要。易用性是高于画面表现的,对于网站质量来说，漂亮只可用来加分，但不能打分；对于视觉体验来说，我认为实用是比漂亮更高层次的艺术。 3、简单些，这很重要，我们生活在一个浮躁的年代，简单在这个时候，是很重要的。在设计上，舍去一切可以舍去的内容，只保留无法舍去的东西，多利用玩家已有的知识和外在的条件，简化设计内容。 4、有亮点，有重点。设计上可以抄袭，可以复制，但是一定要有自己的亮点，不要落入平庸。设计上一定要有重点，要让使用者的精力经常聚集到你的重点上来。 5、真诚面对用户，使用意见反馈可以更好地使《力学助手》趋于完善，市场更广。 我相信，《力学助手》必将成为工科生的一把好手！ 一款值得父母拥有的优秀幼教APP宝贝听听 越来越多的年轻家长开始注重幼儿教育，很多家庭为了孩子，会购买各种早教类书籍和音频材料，或者购买一些电子学习产品给孩子学习。随着智能手机的普及，利用手机APP进行早教已是正常现象。目前，我国幼教类教育产品还处于发展阶段，虽然涌现出很多产品，但各类APP在质量上良莠不齐，质量好的APP除了上期推荐的纳米盒，还有宝宝巴士系列、宝宝树、宝贝听听、贝瓦儿歌、儿歌多多、小伴龙、宝贝全计划等。下面选择宝贝听听这款优秀的APP推荐给大家，对其他产品感兴趣的家长可自行下载试用。 宝贝听听的主要功能及特点 宝贝听听曾获得2015全球移动互联网大会GMIC“最佳儿童应用奖”。它号称是国内最大的儿童故事教育平台，拥有海量的资源，专业的音源，为中国宝宝提供最好的幼儿音频教育。 宝贝听听APP版本同时支持苹果和安卓系统的手机和平板。在安卓手机里安装并打开软件（下载地址：http：//babyting.qq.com/），启动后的登录界面和主界面如图1所示。 宝贝听听有以下的主要功能和特点：①精选上万个优质的儿童故事，涵盖了所有儿童教育分类。②精美的故事插图，让孩子听故事不再枯燥。③专业播音员精心录制，发音标准。④故事每周都有更新，第一时间告诉你。⑤细化年龄分类，按照年龄推荐给孩子最合适的故事。 宝贝听听的使用方法与技巧 宝贝听听的界面简洁，操作很简单，下面简单说说它的一些使用方法。 1.利用宝贝听听给孩子讲故事 宝贝听听最主要的作用就是给孩子讲故事。作为家长都会有这样的感受，就是有很多时候都想多陪陪孩子，特别是在孩子睡觉前，如果能在床上边讲故事边哄他睡觉，这也是一件很幸福的事。但父母们平时往往忙于工作，下班回来时已经很累了，根本没精力和心情给孩子讲故事。现在有了宝贝听听后，家长们就不用再为每天讲什么故事而烦恼了，里面的故事不但声音好，而且讲得特别生动有意思，背景音乐也很好，孩子在倾听中很容易进入梦乡。这不正是家长们想要的效果吗？ 宝贝听听的资源分类很清晰，其中有童谣、绘本、儿歌、国学、英语启蒙等（如下页图2），每个分类里面点开后还有更细的分类。它的最大特色是细化了年龄分类，按照年龄推荐给孩子最合适的故事，这给家长们带来很大方便，他们再也不用为选择适合自己孩子年龄的故事而发愁了。 这些分类里有上万个优质的儿童故事，如365夜童话故事、睡前故事、十万个为什么、安徒生童话、好习惯培养、寓言故事、弟子规、童谣、唐诗等，覆盖面很广，这里面的故事都是经过精挑细选的，在孩子的知识汲取与智力开发方面都有涉及。 2.利用儿童电台听故事 宝贝听听的另一个有特色的栏目叫“主播电台”，它在全国范围征集一些优秀的播音员，让他们自己开一个专栏，制作有自己特点的节目。在首页点击“主播电台”，进入相应的页面，里面有金牌主播、主题频道、新晋主播、早教胎教及直播等栏目（如图3）。 宝贝听听电台使得一些优秀的家长能把自己的育儿经验通过网络进行分享。虽然很多人不是专业的播音员，但都有一颗爱孩子的心，他们共同的心愿是让更多小朋友通过听故事爱上阅读！各位家长也可自己录制节目，分享自己的成功经验。 3.离线故事包导入 宝贝听听还提供了通过电脑下载离线故事包的功能，让孩子听故事不再为流量发愁！在官方网站上有相应的离线故事包资源下载，其中有“李白唐诗精选”等十三种资源包提供下载。 网站也提供了相应的安装操作方法，首先，从网站上下载离线故事包，然后通过数据线将手机与电脑连接，并利用360或腾讯手机管家等工具对手机进行操作，并在手机的存储卡中根目录下新建一个“宝贝听听故事包”的文件夹，最后把离线故事包拷贝进文件夹即可。需要注意的是离线故事包是一个压缩包的格式，不能把它解压出来。当然可以采用另一种更简单的下载方式，就是直接用读卡器把离线故事包文件拷贝到存储卡里面即可，就不必用数据线将手机通过软件方式连接到电脑了。 下载好后，打开宝贝听听，点击“我→设置→离线故事包管理”，点击对应的故事包即可从卡中导入到宝贝听听里。导入后的故事存放在“我→本地音频”中，在这里可以选择播放。例如，这里下载了一个“科普童话故事”故事包，安装好打开后的页面如图4所示。 宝贝听听每周会定时更新，一周会新增几十个至几百个故事，很多新故事都属于独家首发，让孩子每天都能听到新鲜的故事，这样他们就不会失去新鲜感。 总之，宝贝听听是一款很优秀的APP，相信关爱自己孩子的家长使用后肯定会喜欢上它！这也体现在它已有几千万次的下载量上。当然除了宝贝听听外，还有像贝瓦儿歌等非常优秀且人气很旺的APP，大家有时间也可以试试！ 如何设计App软件LOGO 启汇网络认为，一款好的APP软件LOGO，不仅看起来美观，而且让你有想更加深入了解它到底是做什么的欲望。每一个iOS应用都会以一枚APP启动LOGO的形式展现给使用者，它能传达应用程序的基础信息，并能够给用户带来第一印象感受。它能直接引导用户下载并使用应用程序。UI设计人员有时设计出来的LOGO看起来很炫，但是投入市场后却得不到用户的认可，点击率很低，这其中的原因很多，单从视觉设计的层面讲，如何提升APP软件LOGO的视觉效果从而提升点击率已经成为每一个UI设计人员都应该考虑的问题。 一、APP软件LOGO的视觉设计【启汇网络】 1、视觉设计要符合平台开发的设计规范性——不同的应用平台往往会产生截然不同设计结果。了解学习的平台开发规范，磨刀不误砍柴工。例如苹果移动平台和Windows_Phone_7移动平台的视觉规范就有很大不同。 2、视觉设计要找到共性，抓住个性——分析了解同类的APP软件及各自LOGO设计的定位，找到设计方向的共性及其自身软件的独特个性。在itunes里搜索软件关键字会发现有很多相似的LOGO。从搜索结果中不难发现，那些APP软件LOGO会吸引用户的关注。 3、视觉设计要力求设计表现的完整性——明确任务，大胆设计；简化设计元素（主图形、辅助图形），突出设计主题；层次分明，不刻意追求质感。 4、视觉设计要遵循横向、纵向比较的统一性——设计好LOGO后，放在同类别APPLOGO中，去审视自己设计的LOGO是否能够抓住用户的眼球；有时不同平台会产生不同的视觉效果，某些系列化的APP软件产品更需要通过比较来分析产品的统一性。比较之后可以有针对性的微调、预调，但不要随便更改设计意图及表现形式。 1.视觉设计要保持设计过程的连续性——随着软件版本的升级，APP软件LOGO也应该在产品升级的大背景下有所体现。比较好的做法是有计划有组织的视觉递进式改进。 二、APP软件LOGO的设计方法【启汇网络】 1、在APPLOGO的视觉设计过程中运用软件界面中的已有图形元素或表现形式，体现LOGO设计的主题。 2、重视APPLOGO视觉设计的层次感，质感表现恰到好处。 3、在APPLOGO的视觉设计过程中不要浪费一个知名品牌的现有的元素。 4、在设计过程中运用直接了当的文字内容表现隐喻的设计主题。 5、在设计过程中运用行业标准图形或主题图像概括主要内容。 6、在设计过程中最大限度的激发用户的好奇心。 三、设计APP软件LOGO时容易出现的问题【启汇网络】 1、陶醉于无意义的视觉质感，主题重点本末倒置。 2、APP软件启动LOGO主题元素与软件内容脱节，缺少关联。 3、在设计过程中胡乱使用文字表达主题。 4、设计方案里的图像元素在不同平台、不同尺寸下的视觉呈现存在明显差异，看不清所要表达的主题。 5、APP软件LOGO给用户的视觉感受“粉”“灰”“模糊”。 四、优秀APP软件LOGO设计参考【启汇网络】第二篇：幼儿园如何选择一款自己的APP？
第三篇：app设计报告
第四篇：一款值得父母拥有的优秀幼教APP宝贝听听
第五篇：如何设计App软件LOGO（范文模版）
点击咨询 