第一篇：一款基于Material Desgin設(shè)計(jì)的APP
一款基于Material Desgin設(shè)計(jì)的APP
介紹
淘School是一款基于MD的一款校園二手商品交易平臺(tái)，當(dāng)然小編只是簡(jiǎn)單的開發(fā)了一些功能，并沒有完善，只是想做一款MD的APP，并沒有交易支付的功能，只是把我感覺比較好的MD的一些組件融到了項(xiàng)目中，下面小編來詳細(xì)介紹一下用到的技術(shù)：
因?yàn)樾【幏?wù)器端不是很熟練，所以就用了Bmob，還不錯(cuò)挺容易上手的，就依賴了它的兩個(gè)庫而已，網(wǎng)絡(luò)請(qǐng)求和模型都是封裝好的，我們直接調(diào)用就可以。
先看一下小編引用的一些庫吧：
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滾動(dòng)縮回到ActionBar特效
TextInputLayout帶動(dòng)畫的輸入框
2.ActionBarDrawerToggle、DrawerLayout、ActionBar 結(jié)合
3.RippleEffect水波紋效果
4.PagerSlidingTabStrip+viewpager實(shí)現(xiàn)選項(xiàng)卡左右滑動(dòng)
5.FloatActiconButton懸浮按鈕實(shí)現(xiàn)仿釘釘懸浮按鈕
6.PullToZoomScrollView實(shí)現(xiàn)下拉自動(dòng)放大頭部View
7.materialdialog實(shí)現(xiàn)的對(duì)話框
8.MaterialSpinner實(shí)現(xiàn)的帶效果的spinner
9.butterknife注解框架
小編用到的技術(shù)基本上就這些，下面小編會(huì)詳細(xì)的介紹一下。
技術(shù)實(shí)現(xiàn)
1.主界面
先介紹一下主界面吧，主界面小編用的是ActionBarDrawerToggle+DrawerLayout+ActionBar實(shí)現(xiàn)的滑動(dòng)抽屜效果。布局文件就不介紹了，這個(gè)用的也挺多的，網(wǎng)上資料也很多，介紹幾個(gè)方法吧
//設(shè)定左上角突變可點(diǎn)擊
getSupportActionBar().setHomeButtonEnabled(true);
// 給左上角圖標(biāo)的左邊加上一個(gè)返回的圖標(biāo)。對(duì)應(yīng)ActionBar.DISPLAY_HOME_AS_UP
getSupportActionBar().setDisplayHomeAsUpEnabled(true);
//設(shè)置標(biāo)題 getSupportActionBar().setTitle(getResources().getString(R.string.action_title));
// 使自定義的普通View能在title欄顯示，即actionBar.setCustomView能起作用，對(duì)應(yīng)ActionBar.DISPLAY_SHOW_CUSTOM
actionBar.setDisplayShowCustomEnabled(true)closeDrawers（）；//關(guān)閉抽屜
2.滑動(dòng)選項(xiàng)卡
小編主界面的滑動(dòng)選項(xiàng)卡用的是PagerSlidingTabStrip+viewpager管理fragment
3.主界面的懸浮按鈕
懸浮按鈕在github上有Demo，用的是第一個(gè)，然后重寫了一下里面的滑動(dòng)監(jiān)聽實(shí)現(xiàn)了listview滑動(dòng)顯示隱藏按鈕。看一下布局文件：
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滑動(dòng)監(jiān)聽實(shí)現(xiàn)顯示隱藏懸浮按鈕 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.tmdps.cnimate){ 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()”); } }); 很簡(jiǎn)單。 4.商品詳細(xì)界面上下滑動(dòng)頭像回到actionbar上 這個(gè)效果是小編一直都想實(shí)現(xiàn)的，因?yàn)榧夹g(shù)、時(shí)間、能力有限，所以一直沒去搞，在網(wǎng)上搜了好多相關(guān)的帖子，博客，終于讓我找到一個(gè)類似的，做了一下改動(dòng)實(shí)現(xiàn)了。 這個(gè)技術(shù)是CoordinatorLayout+Toolbar+CollapsingAvatarToolbar實(shí)現(xiàn)的。實(shí)際上support desgin可以實(shí)現(xiàn)文字的上下滑動(dòng)但是沒有頭像的上下滑動(dòng)改變大小。CollapsingAvatarToolbar這個(gè)組件實(shí)現(xiàn)了這一效果，當(dāng)然并不是小編寫的，只是小編改的，但是能改出來小編也已經(jīng)很高興了。給大家看一下布局： 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=“天津理工大學(xué)” 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.個(gè)人資料界面 用法也很簡(jiǎn)單，我們?cè)诓季掷锩媲短滓粋€(gè)PullToZoomScrollViewEx，而布局的head，content，footer都可以自定義，然后引用進(jìn)來就可以了。 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？ 據(jù)工業(yè)和信息化部統(tǒng)計(jì)顯示，目前中國(guó)手機(jī)上網(wǎng)用戶已達(dá)8億人左右。人們的生活已離不開智能手機(jī)，一部千元的手機(jī)就能完成移動(dòng)辦公、購(gòu)物、社交、娛樂等多種應(yīng)用。2012年下半年移動(dòng)終端流量全面超過PC互聯(lián)網(wǎng)，網(wǎng)民的依賴性逐漸增強(qiáng)，移動(dòng)互聯(lián)網(wǎng)時(shí)代來臨。 智能終端的普及推動(dòng)了移動(dòng)互聯(lián)網(wǎng)的發(fā)展，也帶來了APP應(yīng)用的爆炸式增長(zhǎng)。一些傳統(tǒng)行業(yè)諸如醫(yī)療、娛樂、交通、生活服務(wù)等紛紛與移動(dòng)互聯(lián)網(wǎng)相結(jié)合，創(chuàng)建了本行業(yè)的APP手機(jī)客戶端。目前世界500強(qiáng)公司以及國(guó)內(nèi)諸多大型企業(yè)均擁有了自己的APP，這標(biāo)志著，APP客戶端的商業(yè)使用，已經(jīng)初露鋒芒。 教育作為關(guān)乎國(guó)計(jì)民生的重大行業(yè)，與互聯(lián)網(wǎng)的關(guān)系可謂緊密相聯(lián)。前幾年，順應(yīng)互聯(lián)網(wǎng)的發(fā)展，國(guó)家提出了“數(shù)字化校園”工程的概念。投影儀、電腦、網(wǎng)站建設(shè)等數(shù)字技術(shù)在全國(guó)各大院校、幼兒園普及發(fā)展。進(jìn)入移動(dòng)互聯(lián)網(wǎng)時(shí)代，如何與移動(dòng)互聯(lián)網(wǎng)結(jié)合成為當(dāng)下教育行業(yè)的重要議題。專家預(yù)測(cè)，未來幾年移動(dòng)互聯(lián)網(wǎng)與教育的整合將迎來爆點(diǎn)。 幼兒園建立自己專屬APP是移動(dòng)互聯(lián)網(wǎng)時(shí)代的必然趨勢(shì)，一款優(yōu)秀的APP將對(duì)園區(qū)的管理和服務(wù)體系產(chǎn)生深遠(yuǎn)影響，具體表現(xiàn)在提升園區(qū)形象、提高辦公效率、增強(qiáng)家園共育等方面，目前國(guó)內(nèi)一些大型的幼兒園都已開始著手創(chuàng)建自己園區(qū)專屬的APP手機(jī)客戶端。家園寶幼兒園APP應(yīng)運(yùn)而生。 APP可分為標(biāo)準(zhǔn)APP、定制APP。家園寶幼兒園APP提供了標(biāo)準(zhǔn)版和定制版，標(biāo)準(zhǔn)版包含了基本的功能，像寶寶成長(zhǎng)日記、通知公告、我的班級(jí)、每周食譜、精彩瞬間、育英知識(shí)、校車通知（假如學(xué)校有校車的話）、在線支付、兒童廣場(chǎng)這些功能；而定制的APP可以讓幼兒園擁有自己特色的功能，如有些高端私立的幼兒園它為每個(gè)學(xué)員配備了一個(gè)GPS，家園寶幼兒園APP就可以對(duì)這個(gè)GPS進(jìn)行定向開發(fā)以滿足這所幼兒園的需求。 移動(dòng)互聯(lián)網(wǎng)時(shí)代是一個(gè)逐步信息化的過程，幼兒園教育亦如此。在激烈的行業(yè)競(jìng)爭(zhēng)中，緊跟時(shí)代潮流，擁抱新技術(shù)，占領(lǐng)信息化高地，成為關(guān)乎幼兒園未來是否持續(xù)、高效發(fā)展的關(guān)鍵。 App應(yīng)用設(shè)計(jì)報(bào)告 指導(dǎo)老師： 陳乙雄 班級(jí)：土木建工12班 姓名： 李小陽 學(xué)號(hào)： 20116106 194559184.doc 目錄 1.課程設(shè)計(jì)內(nèi)容...........................................................................3 2.課程設(shè)計(jì)目的...........................................................................3 3.設(shè)計(jì)背景和需求分析.................................................................3 4.設(shè)計(jì)步驟..................................................................................4 4.1.界面設(shè)計(jì).........................................................................................4 4.2.功能展示.........................................................................................6 5.心得體會(huì)..................................................................................9 194559184.doc 《力學(xué)助手》設(shè)計(jì)展示 1.課程設(shè)計(jì)內(nèi)容 在土木工程學(xué)生初次接觸三大力學(xué)時(shí)，困難重重，特別是在動(dòng)力學(xué)和靜力學(xué)部分，能夠?qū)W好的人屈指可數(shù)，大部分是由于無法空間想象出物體在三大力學(xué)規(guī)律下的運(yùn)動(dòng)軌跡或者變形規(guī)律，本軟件以三大力學(xué)為基礎(chǔ)，將工程計(jì)算模型簡(jiǎn)化，使其能更好更高效的計(jì)算以及模擬形變，是三大力學(xué)初學(xué)者的必備軟件。 2.課程設(shè)計(jì)目的 本課程設(shè)計(jì)的目的是在于系統(tǒng)學(xué)完三大力學(xué)之后，能結(jié)合工程中的實(shí)際問題，運(yùn)用力學(xué)的基本理論和手機(jī)操作方法，獨(dú)立地計(jì)算工程中的典型零部件，以達(dá)到綜合運(yùn)用安卓軟件解決工程實(shí)際問題之目的。同時(shí)，可以使學(xué)生將力學(xué)的理論和現(xiàn)代計(jì)算方法及手段融為一體。既從整體上掌握了基本理論和現(xiàn)代的計(jì)算方法，又提高了分析問題，解決問題的能力；既把以前所學(xué)的知識(shí)（高等數(shù)學(xué)、工程圖學(xué)、理論力學(xué)、算法語言、計(jì)算機(jī)和材料力學(xué)等）綜合輸入軟件簡(jiǎn)單計(jì)算，又為后繼課程（專業(yè)課等）打下基礎(chǔ)，并初步掌握工程中的設(shè)計(jì)思想和設(shè)計(jì)方法，對(duì)實(shí)際工作能力有所提高。具體的有以下六項(xiàng)： 1．使學(xué)生的三大力學(xué)知識(shí)系統(tǒng)化、完整化； 2．在系統(tǒng)全面復(fù)習(xí)的基礎(chǔ)上，運(yùn)用手機(jī)繪圖知識(shí)解決工程中的實(shí)際問題； 3．由于力求結(jié)合專業(yè)實(shí)際，因而課程設(shè)計(jì)可以把計(jì)算機(jī)知識(shí)和專業(yè)需要結(jié)合起來； 4．綜合運(yùn)用了以前所學(xué)的個(gè)門課程的知識(shí)(高數(shù)、制圖、理力、算法語言、計(jì)算機(jī)等等)使相關(guān)學(xué)科的知識(shí)有機(jī)地聯(lián)系起來； 5．初步了解和掌握移動(dòng)設(shè)備中的設(shè)計(jì)思想和設(shè)計(jì)方法； 6．為后繼課程的教學(xué)打下基礎(chǔ)。 3.設(shè)計(jì)背景和需求分析 三大力學(xué)是指:理論力學(xué),材料力學(xué)，結(jié)構(gòu)力學(xué)。 力學(xué)不像數(shù)學(xué),似乎沒有特別明確的分支。每一門力學(xué)學(xué)科的誕生幾乎都有由現(xiàn)實(shí)工程需求而產(chǎn)生的。最初就是牛頓的經(jīng)典力學(xué)。理論力學(xué)就是研究靜力學(xué),運(yùn)動(dòng)學(xué),動(dòng)力學(xué),考慮的模型都是剛體(就是沒有變形),而后隨著科技的發(fā)展,工程 194559184.doc 應(yīng)用中就要考慮材料的變形,從而開始把力學(xué)模型改變,考慮物體的變形,也就是所謂的材料力學(xué),再只有隨著建筑工程的結(jié)構(gòu)復(fù)雜性的提高,又開始研究結(jié)構(gòu)力學(xué)。每一門力學(xué)學(xué)科的建立(大多自然科學(xué)都是如此),都需要建立模型,也就是把實(shí)際的問題抽象化,而抽象過程就是把現(xiàn)實(shí)中對(duì)所研究問題不重要的因素忽略掉,也就是模型假設(shè),從而建立于這個(gè)問題相適應(yīng)的模型進(jìn)行研究,如果有意義有價(jià)值,也就慢慢深入研究下去,從而形成一門學(xué)科,他們都是隨社會(huì)的發(fā)展而發(fā)展形成的。 4.設(shè)計(jì)步驟 流程圖： 4.1.界面設(shè)計(jì) 軟件logo：該軟件以力學(xué)為基礎(chǔ)，其本質(zhì)特征自然是力學(xué)，故采用古老的毛筆字體作為其標(biāo)志，如圖。 194559184.doc 進(jìn)入界面：該界面采用淡藍(lán)色星光斑點(diǎn)狀作為界面主色圖，象征著力學(xué)知識(shí)如藍(lán)天般遼闊，且給人舒心安寧的感覺，不會(huì)有反感心理，見右圖。 主界面菜單：主界面菜單有還原模型、基本計(jì)算、基本公式、基本結(jié)論、關(guān)于我們和意見反饋六個(gè)選項(xiàng)，每一個(gè)都經(jīng)過精心設(shè)計(jì)，都以三大力學(xué)為基礎(chǔ)，且通過意見反饋，還可以了解到市場(chǎng)需求，可以更加的滿足需要，如左圖所示。 194559184.doc 4.2.功能展示 模型還原：物理模型是人們?yōu)榱搜芯课锢韱栴}的方便和探討物理事物的本身而對(duì)研究對(duì)象所作的一種簡(jiǎn)化描述，是以觀察和實(shí)驗(yàn)為基礎(chǔ)，采用理想化的辦法所創(chuàng)造的，能再現(xiàn)事物本質(zhì)和內(nèi)在特性的一種簡(jiǎn)化模型。該軟件把題目中的過程和物體簡(jiǎn)化成理想的物理模型，以便于更好的解答，如下圖。 繪圖功能介紹（仿CAD）：力學(xué)助手仿照autoCAD繪圖功能，提供鉸支座，桿件曲線等簡(jiǎn)單繪圖元素，可以完成學(xué)習(xí)過程中的各類題型輸入，一次將一個(gè)復(fù)雜的圖形簡(jiǎn)化為物理模型，再通過三大力學(xué)數(shù)據(jù)庫解決問題，繪制界面如下圖。 194559184.doc 繪圖完成界面：在繪圖完成之后，需檢測(cè)是否合理，如下圖，只有合理地圖形受力才可正常的解決。 計(jì)算完成繪圖：在繪圖完成后即可進(jìn)入計(jì)算，這時(shí)系統(tǒng)將根據(jù)數(shù)據(jù)庫調(diào)用各種原理解決，在計(jì)算完成后將自動(dòng)的畫出該模型的彎矩圖，以便于學(xué)生對(duì)照學(xué)習(xí)，如下圖。 194559184.doc 理論公式界面：力學(xué)助手的基本公式和基本理論都將單獨(dú)成為一個(gè)版塊，以便學(xué)生查詢，如右圖所示。 194559184.doc 5.心得體會(huì) 通過本次設(shè)計(jì)，我深有體會(huì)，并總結(jié)出了以下幾點(diǎn)： 1、一個(gè)成功的設(shè)計(jì)應(yīng)該是以用戶為出發(fā)點(diǎn)，始終在考慮“用戶需要什么”，最不可取的做法就是以個(gè)人喜好來決定設(shè)計(jì)方向，《力學(xué)助手》就是考慮到廣大理科生的需求才應(yīng)運(yùn)而生。一味從自我考慮，做自己喜歡的軟件，最后會(huì)發(fā)現(xiàn)做出來的軟件只有你自己喜歡。所以，以用戶為中心比都什么都重要。 2、花哨不如實(shí)用，誠(chéng)然，漂亮很多時(shí)候，是占很大便宜的。但是易用性比漂亮更重要。易用性是高于畫面表現(xiàn)的,對(duì)于網(wǎng)站質(zhì)量來說，漂亮只可用來加分，但不能打分；對(duì)于視覺體驗(yàn)來說，我認(rèn)為實(shí)用是比漂亮更高層次的藝術(shù)。 3、簡(jiǎn)單些，這很重要，我們生活在一個(gè)浮躁的年代，簡(jiǎn)單在這個(gè)時(shí)候，是很重要的。在設(shè)計(jì)上，舍去一切可以舍去的內(nèi)容，只保留無法舍去的東西，多利用玩家已有的知識(shí)和外在的條件，簡(jiǎn)化設(shè)計(jì)內(nèi)容。 4、有亮點(diǎn)，有重點(diǎn)。設(shè)計(jì)上可以抄襲，可以復(fù)制，但是一定要有自己的亮點(diǎn)，不要落入平庸。設(shè)計(jì)上一定要有重點(diǎn)，要讓使用者的精力經(jīng)常聚集到你的重點(diǎn)上來。 5、真誠(chéng)面對(duì)用戶，使用意見反饋可以更好地使《力學(xué)助手》趨于完善，市場(chǎng)更廣。 我相信，《力學(xué)助手》必將成為工科生的一把好手！ 一款值得父母擁有的優(yōu)秀幼教APP寶貝聽聽 越來越多的年輕家長(zhǎng)開始注重幼兒教育，很多家庭為了孩子，會(huì)購(gòu)買各種早教類書籍和音頻材料，或者購(gòu)買一些電子學(xué)習(xí)產(chǎn)品給孩子學(xué)習(xí)。隨著智能手機(jī)的普及，利用手機(jī)APP進(jìn)行早教已是正常現(xiàn)象。目前，我國(guó)幼教類教育產(chǎn)品還處于發(fā)展階段，雖然涌現(xiàn)出很多產(chǎn)品，但各類APP在質(zhì)量上良莠不齊，質(zhì)量好的APP除了上期推薦的納米盒，還有寶寶巴士系列、寶寶樹、寶貝聽聽、貝瓦兒歌、兒歌多多、小伴龍、寶貝全計(jì)劃等。下面選擇寶貝聽聽這款優(yōu)秀的APP推薦給大家，對(duì)其他產(chǎn)品感興趣的家長(zhǎng)可自行下載試用。 寶貝聽聽的主要功能及特點(diǎn) 寶貝聽聽曾獲得2015全球移動(dòng)互聯(lián)網(wǎng)大會(huì)GMIC“最佳兒童應(yīng)用獎(jiǎng)”。它號(hào)稱是國(guó)內(nèi)最大的兒童故事教育平臺(tái)，擁有海量的資源，專業(yè)的音源，為中國(guó)寶寶提供最好的幼兒音頻教育。 寶貝聽聽APP版本同時(shí)支持蘋果和安卓系統(tǒng)的手機(jī)和平板。在安卓手機(jī)里安裝并打開軟件（下載地址：http：//babyting.qq.com/），啟動(dòng)后的登錄界面和主界面如圖1所示。 寶貝聽聽有以下的主要功能和特點(diǎn)：①精選上萬個(gè)優(yōu)質(zhì)的兒童故事，涵蓋了所有兒童教育分類。②精美的故事插圖，讓孩子聽故事不再枯燥。③專業(yè)播音員精心錄制，發(fā)音標(biāo)準(zhǔn)。④故事每周都有更新，第一時(shí)間告訴你。⑤細(xì)化年齡分類，按照年齡推薦給孩子最合適的故事。 寶貝聽聽的使用方法與技巧 寶貝聽聽的界面簡(jiǎn)潔，操作很簡(jiǎn)單，下面簡(jiǎn)單說說它的一些使用方法。 1.利用寶貝聽聽給孩子講故事 寶貝聽聽最主要的作用就是給孩子講故事。作為家長(zhǎng)都會(huì)有這樣的感受，就是有很多時(shí)候都想多陪陪孩子，特別是在孩子睡覺前，如果能在床上邊講故事邊哄他睡覺，這也是一件很幸福的事。但父母?jìng)兤綍r(shí)往往忙于工作，下班回來時(shí)已經(jīng)很累了，根本沒精力和心情給孩子講故事。現(xiàn)在有了寶貝聽聽后，家長(zhǎng)們就不用再為每天講什么故事而煩惱了，里面的故事不但聲音好，而且講得特別生動(dòng)有意思，背景音樂也很好，孩子在傾聽中很容易進(jìn)入夢(mèng)鄉(xiāng)。這不正是家長(zhǎng)們想要的效果嗎？ 寶貝聽聽的資源分類很清晰，其中有童謠、繪本、兒歌、國(guó)學(xué)、英語啟蒙等（如下頁圖2），每個(gè)分類里面點(diǎn)開后還有更細(xì)的分類。它的最大特色是細(xì)化了年齡分類，按照年齡推薦給孩子最合適的故事，這給家長(zhǎng)們帶來很大方便，他們?cè)僖膊挥脼檫x擇適合自己孩子年齡的故事而發(fā)愁了。 這些分類里有上萬個(gè)優(yōu)質(zhì)的兒童故事，如365夜童話故事、睡前故事、十萬個(gè)為什么、安徒生童話、好習(xí)慣培養(yǎng)、寓言故事、弟子規(guī)、童謠、唐詩等，覆蓋面很廣，這里面的故事都是經(jīng)過精挑細(xì)選的，在孩子的知識(shí)汲取與智力開發(fā)方面都有涉及。 2.利用兒童電臺(tái)聽故事 寶貝聽聽的另一個(gè)有特色的欄目叫“主播電臺(tái)”，它在全國(guó)范圍征集一些優(yōu)秀的播音員，讓他們自己開一個(gè)專欄，制作有自己特點(diǎn)的節(jié)目。在首頁點(diǎn)擊“主播電臺(tái)”，進(jìn)入相應(yīng)的頁面，里面有金牌主播、主題頻道、新晉主播、早教胎教及直播等欄目（如圖3）。 寶貝聽聽電臺(tái)使得一些優(yōu)秀的家長(zhǎng)能把自己的育兒經(jīng)驗(yàn)通過網(wǎng)絡(luò)進(jìn)行分享。雖然很多人不是專業(yè)的播音員，但都有一顆愛孩子的心，他們共同的心愿是讓更多小朋友通過聽故事愛上閱讀！各位家長(zhǎng)也可自己錄制節(jié)目，分享自己的成功經(jīng)驗(yàn)。 3.離線故事包導(dǎo)入 寶貝聽聽還提供了通過電腦下載離線故事包的功能，讓孩子聽故事不再為流量發(fā)愁！在官方網(wǎng)站上有相應(yīng)的離線故事包資源下載，其中有“李白唐詩精選”等十三種資源包提供下載。 網(wǎng)站也提供了相應(yīng)的安裝操作方法，首先，從網(wǎng)站上下載離線故事包，然后通過數(shù)據(jù)線將手機(jī)與電腦連接，并利用360或騰訊手機(jī)管家等工具對(duì)手機(jī)進(jìn)行操作，并在手機(jī)的存儲(chǔ)卡中根目錄下新建一個(gè)“寶貝聽聽故事包”的文件夾，最后把離線故事包拷貝進(jìn)文件夾即可。需要注意的是離線故事包是一個(gè)壓縮包的格式，不能把它解壓出來。當(dāng)然可以采用另一種更簡(jiǎn)單的下載方式，就是直接用讀卡器把離線故事包文件拷貝到存儲(chǔ)卡里面即可，就不必用數(shù)據(jù)線將手機(jī)通過軟件方式連接到電腦了。 下載好后，打開寶貝聽聽，點(diǎn)擊“我→設(shè)置→離線故事包管理”，點(diǎn)擊對(duì)應(yīng)的故事包即可從卡中導(dǎo)入到寶貝聽聽里。導(dǎo)入后的故事存放在“我→本地音頻”中，在這里可以選擇播放。例如，這里下載了一個(gè)“科普童話故事”故事包，安裝好打開后的頁面如圖4所示。 寶貝聽聽每周會(huì)定時(shí)更新，一周會(huì)新增幾十個(gè)至幾百個(gè)故事，很多新故事都屬于獨(dú)家首發(fā)，讓孩子每天都能聽到新鮮的故事，這樣他們就不會(huì)失去新鮮感。 總之，寶貝聽聽是一款很優(yōu)秀的APP，相信關(guān)愛自己孩子的家長(zhǎng)使用后肯定會(huì)喜歡上它！這也體現(xiàn)在它已有幾千萬次的下載量上。當(dāng)然除了寶貝聽聽外，還有像貝瓦兒歌等非常優(yōu)秀且人氣很旺的APP，大家有時(shí)間也可以試試！ 如何設(shè)計(jì)App軟件LOGO 啟匯網(wǎng)絡(luò)認(rèn)為，一款好的APP軟件LOGO，不僅看起來美觀，而且讓你有想更加深入了解它到底是做什么的欲望。每一個(gè)iOS應(yīng)用都會(huì)以一枚APP啟動(dòng)LOGO的形式展現(xiàn)給使用者，它能傳達(dá)應(yīng)用程序的基礎(chǔ)信息，并能夠給用戶帶來第一印象感受。它能直接引導(dǎo)用戶下載并使用應(yīng)用程序。UI設(shè)計(jì)人員有時(shí)設(shè)計(jì)出來的LOGO看起來很炫，但是投入市場(chǎng)后卻得不到用戶的認(rèn)可，點(diǎn)擊率很低，這其中的原因很多，單從視覺設(shè)計(jì)的層面講，如何提升APP軟件LOGO的視覺效果從而提升點(diǎn)擊率已經(jīng)成為每一個(gè)UI設(shè)計(jì)人員都應(yīng)該考慮的問題。 一、APP軟件LOGO的視覺設(shè)計(jì)【啟匯網(wǎng)絡(luò)】 1、視覺設(shè)計(jì)要符合平臺(tái)開發(fā)的設(shè)計(jì)規(guī)范性——不同的應(yīng)用平臺(tái)往往會(huì)產(chǎn)生截然不同設(shè)計(jì)結(jié)果。了解學(xué)習(xí)的平臺(tái)開發(fā)規(guī)范，磨刀不誤砍柴工。例如蘋果移動(dòng)平臺(tái)和Windows_Phone_7移動(dòng)平臺(tái)的視覺規(guī)范就有很大不同。 2、視覺設(shè)計(jì)要找到共性，抓住個(gè)性——分析了解同類的APP軟件及各自LOGO設(shè)計(jì)的定位，找到設(shè)計(jì)方向的共性及其自身軟件的獨(dú)特個(gè)性。在itunes里搜索軟件關(guān)鍵字會(huì)發(fā)現(xiàn)有很多相似的LOGO。從搜索結(jié)果中不難發(fā)現(xiàn)，那些APP軟件LOGO會(huì)吸引用戶的關(guān)注。 3、視覺設(shè)計(jì)要力求設(shè)計(jì)表現(xiàn)的完整性——明確任務(wù)，大膽設(shè)計(jì)；簡(jiǎn)化設(shè)計(jì)元素（主圖形、輔助圖形），突出設(shè)計(jì)主題；層次分明，不刻意追求質(zhì)感。 4、視覺設(shè)計(jì)要遵循橫向、縱向比較的統(tǒng)一性——設(shè)計(jì)好LOGO后，放在同類別APPLOGO中，去審視自己設(shè)計(jì)的LOGO是否能夠抓住用戶的眼球；有時(shí)不同平臺(tái)會(huì)產(chǎn)生不同的視覺效果，某些系列化的APP軟件產(chǎn)品更需要通過比較來分析產(chǎn)品的統(tǒng)一性。比較之后可以有針對(duì)性的微調(diào)、預(yù)調(diào)，但不要隨便更改設(shè)計(jì)意圖及表現(xiàn)形式。 1.視覺設(shè)計(jì)要保持設(shè)計(jì)過程的連續(xù)性——隨著軟件版本的升級(jí)，APP軟件LOGO也應(yīng)該在產(chǎn)品升級(jí)的大背景下有所體現(xiàn)。比較好的做法是有計(jì)劃有組織的視覺遞進(jìn)式改進(jìn)。 二、APP軟件LOGO的設(shè)計(jì)方法【啟匯網(wǎng)絡(luò)】 1、在APPLOGO的視覺設(shè)計(jì)過程中運(yùn)用軟件界面中的已有圖形元素或表現(xiàn)形式，體現(xiàn)LOGO設(shè)計(jì)的主題。 2、重視APPLOGO視覺設(shè)計(jì)的層次感，質(zhì)感表現(xiàn)恰到好處。 3、在APPLOGO的視覺設(shè)計(jì)過程中不要浪費(fèi)一個(gè)知名品牌的現(xiàn)有的元素。 4、在設(shè)計(jì)過程中運(yùn)用直接了當(dāng)?shù)奈淖謨?nèi)容表現(xiàn)隱喻的設(shè)計(jì)主題。 5、在設(shè)計(jì)過程中運(yùn)用行業(yè)標(biāo)準(zhǔn)圖形或主題圖像概括主要內(nèi)容。 6、在設(shè)計(jì)過程中最大限度的激發(fā)用戶的好奇心。 三、設(shè)計(jì)APP軟件LOGO時(shí)容易出現(xiàn)的問題【啟匯網(wǎng)絡(luò)】 1、陶醉于無意義的視覺質(zhì)感，主題重點(diǎn)本末倒置。 2、APP軟件啟動(dòng)LOGO主題元素與軟件內(nèi)容脫節(jié)，缺少關(guān)聯(lián)。 3、在設(shè)計(jì)過程中胡亂使用文字表達(dá)主題。 4、設(shè)計(jì)方案里的圖像元素在不同平臺(tái)、不同尺寸下的視覺呈現(xiàn)存在明顯差異，看不清所要表達(dá)的主題。 5、APP軟件LOGO給用戶的視覺感受“粉”“灰”“模糊”。 四、優(yōu)秀APP軟件LOGO設(shè)計(jì)參考【啟匯網(wǎng)絡(luò)】第二篇：幼兒園如何選擇一款自己的APP？
第三篇：app設(shè)計(jì)報(bào)告
第四篇：一款值得父母擁有的優(yōu)秀幼教APP寶貝聽聽
第五篇：如何設(shè)計(jì)App軟件LOGO（范文模版）
點(diǎn)擊咨詢 