Android app開發,【Android UI設計與開發】9:滑動菜單欄(一)開源項目SlidingMenu的使用和示例-轉...

 2023-11-07 阅读 26 评论 0

摘要:一、SlidingMenu簡介 ???? 相信大家對SlidingMenu都不陌生了,它是一種比較新的設置界面或配置界面的效果,在主界面左滑或者右滑出現設置界面效果,能方便的進行各種操作。很多優秀的應用都采用了這種界面方案,像facebook、人人網、everynote、Goo

一、SlidingMenu簡介

???? 相信大家對SlidingMenu都不陌生了,它是一種比較新的設置界面或配置界面的效果,在主界面左滑或者右滑出現設置界面效果,能方便的進行各種操作。很多優秀的應用都采用了這種界面方案,像facebook、人人網、everynote、Google+等等。如下圖所示:

Android app開發。?因為效果確實比較新穎,所以在很多的應用開發中去實現此效果,解決的辦法也是不盡相同。諸多比較以后發

現,還是GitHub上的開源項目SlidingMenu提供了最佳的實現:定制靈活、各種陰影和漸變以及動畫的滑動效果都很不錯。不過這是一個開源庫,而不是一個完整的項目,要把它作為libary引入到你自己的工程里,簡單配置一下就可以實現SlidingMenu的效果。

二、SlidingMenu使用

?slidingmenu_library下載地址:https://github.com/YeXiaoChao/slidingmenu_library

要想能夠實現SlidingMenu的效果,首先必須要將它作為libary導入到你的工程

android界面設計實例。1、下載完畢之后,將此項目導入Eclipse開發環境中

?

2、導入項目之后,然后在新建一個Android項目,將slidingmenu_library導入新建的Android項目中,步驟如下:

<1> 右鍵點擊新建的Android項目,然后點擊最下方的“Properties”選項;

QMUI_Android、

<2> 點擊彈出對話框之后,在最左側選擇“Android”選項,然后再點擊右下方的“Add”按鈕;

<3> 點擊后彈出對話框,選中之前導入的slidingmenu_library項目

安卓UI框架,<4> 選中之后如圖所示;

<5> 這就說明了導入庫已經成功了,導入成功之后會在Android的引用包中出現一個slidingmenu_library.jar包;

?

Android框架,注意:這里有個地方需要大家特別注意一下,在新建完Android項目之后,較新的Eclipse版本都會在Android目錄下生成一個libs的文件夾,里面會有一個android-support-v4.jar的jar包,這個jar一定要記得刪掉,否則運行程序的時候會出現異常,提示是找不到類的異常。出現異常的原因是因為在導入slidingmenu_library類庫的時候,這個類庫里面本身就包含了android-support-v4.jar的jar包,所以運行的時候就會出現異常,系統不知道去調用哪個路徑的下的包,所以程序崩潰,提示找不到類。

?

、SlidingMenu示例

1.效果圖片(GIF圖片比較大,有3.6M)

android開發框架,?

2.代碼講解

1、項目結構圖

?

?

androidstudio設計界面、2、content_frame.xml布局

復制代碼
<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"android:id="@+id/menu_frame"android:layout_width="match_parent"android:layout_height="match_parent" />
<!-- 定義一個虛擬的視圖,方便Fragment能夠替換該視圖,以達到Fragment的視圖內容能夠顯示在屏幕上的效果。 -->
復制代碼

?

3、menu_frame.xml布局

復制代碼
<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"android:id="@+id/menu_frame"android:layout_width="match_parent"android:layout_height="match_parent" /><!-- 用來存放滑動菜單打開后的視圖界面的。 -->
復制代碼

?

4、list.xml

復制代碼
<?xml version="1.0" encoding="utf-8"?>
<ListView xmlns:android="http://schemas.android.com/apk/res/android"android:id="@android:id/list"android:layout_width="match_parent"android:layout_height="match_parent"android:paddingLeft="@dimen/list_padding"android:paddingRight="@dimen/list_padding" />
<!-- 這個list布局文件會在ListFragment中用到。 -->
復制代碼

安卓UI,?

5、row.xml

復制代碼
<?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="50dp"android:orientation="horizontal" ><ImageViewandroid:id="@+id/row_icon"android:layout_width="50dp"android:layout_height="50dp"android:padding="10dp"android:src="@drawable/ic_launcher" /><TextViewandroid:id="@+id/row_title"android:layout_width="0dp"android:layout_height="match_parent"android:layout_weight="1"android:gravity="center_vertical"android:padding="10dp"android:text="Medium Text"android:textAppearance="@android:style/TextAppearance.Medium" /></LinearLayout>
<!-- 用于存放列表中的圖片和文本。 -->
復制代碼

?

6、shadow.xml資源

復制代碼
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" ><gradientandroid:centerColor="#11000000"android:endColor="#33000000"android:startColor="#00000000" /></shape>
<!-- 用來實現陰影效果的圖形,使用了漸變的繪圖效果。 -->
復制代碼

?

Android開發教程。7、SampleListFragment類

復制代碼
package com.yanis.slidingmenu;import android.content.Context;
import android.os.Bundle;
import android.support.v4.app.ListFragment;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ArrayAdapter;
import android.widget.ImageView;
import android.widget.TextView;/*** 劃出的菜單欄 - 用來顯示界面中的列表的。*/
public class SampleListFragment extends ListFragment {public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {return inflater.inflate(R.layout.list, null);}public void onActivityCreated(Bundle savedInstanceState) {super.onActivityCreated(savedInstanceState);SampleAdapter adapter = new SampleAdapter(getActivity());for (int i = 0; i < 20; i++) {adapter.add(new SampleItem("Sample List", android.R.drawable.ic_menu_search));}setListAdapter(adapter);}public class SampleAdapter extends ArrayAdapter<SampleItem> {public SampleAdapter(Context context) {super(context, 0);}public View getView(int position, View convertView, ViewGroup parent) {if (convertView == null) {convertView = LayoutInflater.from(getContext()).inflate(R.layout.row, null);}ImageView icon = (ImageView) convertView.findViewById(R.id.row_icon);icon.setImageResource(getItem(position).iconRes);TextView title = (TextView) convertView.findViewById(R.id.row_title);title.setText(getItem(position).tag);return convertView;}}private class SampleItem {public String tag;public int iconRes;public SampleItem(String tag, int iconRes) {this.tag = tag; this.iconRes = iconRes;}}
}
復制代碼

?

8、SlidingMenuActivity_1、SlidingMenuActivity_2等類

這些類是對SlidingMenu的屬性進行設置,下面放個簡單的,具體可以查看源代碼。

復制代碼
package com.yanis.slidingmenu;import android.os.Bundle;
import android.support.v4.app.FragmentActivity;import com.jeremyfeinstein.slidingmenu.lib.SlidingMenu;/*** * @author yechao* @說明 一個簡單的放置在左邊滑動菜單欄的效果*/
public class SlidingMenuActivity_2 extends FragmentActivity {private SlidingMenu menu;@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);// 設置標題setTitle("Attach");// 初始化滑動菜單initSlidingMenu();}/*** 初始化滑動菜單*/private void initSlidingMenu() {// 設置主界面視圖setContentView(R.layout.content_frame);getSupportFragmentManager().beginTransaction().replace(R.id.content_frame, new SampleListFragment()).commit();// 設置滑動菜單的屬性值menu = new SlidingMenu(this);menu.setTouchModeAbove(SlidingMenu.TOUCHMODE_FULLSCREEN);menu.setShadowWidthRes(R.dimen.shadow_width);menu.setShadowDrawable(R.drawable.shadow);menu.setBehindOffsetRes(R.dimen.slidingmenu_offset);menu.setFadeDegree(0.35f);menu.attachToActivity(this, SlidingMenu.SLIDING_CONTENT);// 設置滑動菜單的視圖界面menu.setMenu(R.layout.menu_frame);getSupportFragmentManager().beginTransaction().replace(R.id.menu_frame, new SampleListFragment()).commit();}@Overridepublic void onBackPressed() {// 點擊返回鍵關閉滑動菜單if (menu.isMenuShowing()) {menu.showContent();} else {super.onBackPressed();}}}
復制代碼

?

Android ui 可配置?源代碼地址:https://github.com/YeXiaoChao/Yc_ui_slidingmenu

本文地址:http://www.cnblogs.com/yc-755909659/p/4306938.html

來源文章:

http://blog.csdn.net/yangyu20121224/article/details/9255829

http://blog.csdn.net/yangyu20121224/article/details/9258275

分類:?【Android 開發】
標簽:?【Android UI設計與開發】

android菜單menu實現?轉載于:https://www.cnblogs.com/gougoustar/p/4316378.html

版权声明:本站所有资料均为网友推荐收集整理而来,仅供学习和研究交流使用。

原文链接:https://hbdhgg.com/4/167985.html

发表评论:

本站为非赢利网站,部分文章来源或改编自互联网及其他公众平台,主要目的在于分享信息,版权归原作者所有,内容仅供读者参考,如有侵权请联系我们删除!

Copyright © 2022 匯編語言學習筆記 Inc. 保留所有权利。

底部版权信息