android 的导航界面的设计与实现

最新推荐文章于 2021-05-30 23:55:19 发布
最新推荐文章于 2021-05-30 23:55:19 发布
阅读量2.3k 收藏 5
点赞数 1
分类专栏： android
和你一起终身学习，这里是程序员Android
本文链接：https://blog.csdn.net/wjky2014/article/details/8433662
版权

                 在android的app中，每个应用在第一次安装使用的时候，都会出现一个导航界面，接着呢，这个导航界面就不在出现了，自己呢，在别人的基础上实现了一个NavigationDemoActivity，这个具体实现过程如下：

首先看看布局的实现

导航界面的布局

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/mainRLayout"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:background="#000000" >

    <com.nyist.wj.navigation.MyScrollLayout
        xmlns:android="http://schemas.android.com/apk/res/android"
        android:id="@+id/ScrollLayout"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:visibility="visible" >

        <RelativeLayout
            android:layout_width="fill_parent"
            android:layout_height="fill_parent"
            android:background="@drawable/navigation1" >
        </RelativeLayout>

        <RelativeLayout
            android:layout_width="fill_parent"
            android:layout_height="fill_parent"
            android:background="@drawable/navigation2" >
        </RelativeLayout>

        <RelativeLayout
            android:layout_width="fill_parent"
            android:layout_height="fill_parent"
            android:background="@drawable/navigation3" >
        </RelativeLayout>

        <RelativeLayout
            android:layout_width="fill_parent"
            android:layout_height="fill_parent"
            android:background="@drawable/navigation4" >
        </RelativeLayout>

        <RelativeLayout
            android:layout_width="fill_parent"
            android:layout_height="fill_parent"
            android:background="@drawable/navigation5" >
        </RelativeLayout>

        <RelativeLayout
            android:layout_width="fill_parent"
            android:layout_height="fill_parent"
            android:background="@drawable/navigation6" >
        </RelativeLayout>

        <RelativeLayout
            android:layout_width="fill_parent"
            android:layout_height="fill_parent"
            android:background="@drawable/navigation7" >

            <Button
                android:id="@+id/startBtn"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignParentBottom="true"
                android:layout_centerHorizontal="true"
                android:layout_gravity="center_vertical"
                android:layout_marginBottom="160dp"
                android:layout_marginLeft="8dp"
                android:layout_marginRight="8dp"
                android:background="@drawable/bg_btn"
                android:text="开始历程"
                android:textColor="#FFFFFF"
                android:textSize="18sp" />
        </RelativeLayout>
    </com.nyist.wj.navigation.MyScrollLayout>

    <LinearLayout
        android:id="@+id/llayout"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout_centerHorizontal="true"
        android:layout_marginBottom="24.0dip"
        android:orientation="horizontal"
        android:visibility="visible" >

        <ImageView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center_vertical"
            android:clickable="true"
            android:padding="5.0dip"
            android:src="@drawable/page_indicator_bg" />

        <ImageView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center_vertical"
            android:clickable="true"
            android:padding="5.0dip"
            android:src="@drawable/page_indicator_bg" />

        <ImageView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center_vertical"
            android:clickable="true"
            android:padding="5.0dip"
            android:src="@drawable/page_indicator_bg" />

        <ImageView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center_vertical"
            android:clickable="true"
            android:padding="5.0dip"
            android:src="@drawable/page_indicator_bg" />

        <ImageView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center_vertical"
            android:clickable="true"
            android:padding="5.0dip"
            android:src="@drawable/page_indicator_bg" />

        <ImageView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center_vertical"
            android:clickable="true"
            android:padding="5.0dip"
            android:src="@drawable/page_indicator_bg" />

        <ImageView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center_vertical"
            android:clickable="true"
            android:padding="5.0dip"
            android:src="@drawable/page_indicator_bg" />
    </LinearLayout>

    <LinearLayout
        android:id="@+id/animLayout"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:visibility="gone" >

        <LinearLayout
            android:id="@+id/leftLayout"
            android:layout_width="wrap_content"
            android:layout_height="fill_parent" >

            <ImageView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:src="@drawable/whatsnew_left" />
        </LinearLayout>

        <LinearLayout
            android:id="@+id/rightLayout"
            android:layout_width="fill_parent"
            android:layout_height="fill_parent" >

            <ImageView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:src="@drawable/whatsnew_right" />
        </LinearLayout>
    </LinearLayout>

</RelativeLayout>

非第一次动画效果的布局

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
  
    android:orientation="vertical" >

    <ImageView
        android:id="@+id/startimage"
        android:layout_width="match_parent"
        android:layout_height="fill_parent"
        android:src="@drawable/logo" />

</LinearLayout>

以及一些开门动画效果的实现布局

translate_left.xml

<?xml version="1.0" encoding="UTF-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"
    android:fillAfter="false" >

    <translate
        android:duration="4000"
        android:fromXDelta="0.0"
        android:fromYDelta="0.0"
        android:toXDelta="-50.0%p"
        android:toYDelta="0.0" />

</set>

translate_right.xml 

<?xml version="1.0" encoding="UTF-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"
    android:fillAfter="false" >

    <translate
        android:duration="4000"
        android:fromXDelta="0.0"
        android:fromYDelta="0.0"
        android:toXDelta="50.0%p"
        android:toYDelta="0.0" />

</set>
zoom_out_enter.xml 

<?xml version="1.0" encoding="UTF-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"
    android:interpolator="@android:anim/overshoot_interpolator" >

    <scale
        android:duration="@android:integer/config_shortAnimTime"
        android:fromXScale="0.7"
        android:fromYScale="0.7"
        android:pivotX="50.0%"
        android:pivotY="50.0%"
        android:toXScale="1.0"
        android:toYScale="1.0" />

</set>

zoom_out_exit.xml 


<?xml version="1.0" encoding="UTF-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"
    android:interpolator="@android:anim/accelerate_interpolator" >

    <scale
        android:duration="@android:integer/config_shortAnimTime"
        android:fromXScale="1.0"
        android:fromYScale="1.0"
        android:pivotX="50.0%"
        android:pivotY="50.0%"
        android:toXScale="0.8"
        android:toYScale="0.8" />

    <alpha
        android:duration="@android:integer/config_shortAnimTime"
        android:fromAlpha="1.0"
        android:toAlpha="0.0" />

</set>


接着呢，就是实现导航界面的活动

NavigationDemoActivity

package com.nyist.activity;

import com.nyist.wj.navigation.MyScrollLayout;
import com.nyist.wj.navigation.OnViewChangeListener;

import android.app.Activity;
import android.content.Intent;
import android.os.Bundle;
import android.view.View;
import android.view.animation.Animation;
import android.view.animation.AnimationUtils;
import android.view.animation.Animation.AnimationListener;
import android.widget.Button;
import android.widget.ImageView;
import android.widget.LinearLayout;
import android.widget.RelativeLayout;

public class NavigationDemoActivity extends Activity  implements OnViewChangeListener {
	private MyScrollLayout mScrollLayout;
	private ImageView[] imgs;
	private int count;
	private int currentItem;
	private Button startBtn;
	private RelativeLayout mainRLayout;
	private LinearLayout pointLLayout;
	private LinearLayout leftLayout;
	private LinearLayout rightLayout;
	private LinearLayout animLayout;
	
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.navigation);
     
        navigation();
        
    }
    

    
    private void navigation() {
		mScrollLayout  = (MyScrollLayout) findViewById(R.id.ScrollLayout);
		pointLLayout = (LinearLayout) findViewById(R.id.llayout);
		mainRLayout = (RelativeLayout) findViewById(R.id.mainRLayout);
		startBtn = (Button) findViewById(R.id.startBtn);
		startBtn.setOnClickListener(onClick);
		animLayout = (LinearLayout) findViewById(R.id.animLayout);
		leftLayout  = (LinearLayout) findViewById(R.id.leftLayout);
		rightLayout  = (LinearLayout) findViewById(R.id.rightLayout);
		count = mScrollLayout.getChildCount();
		imgs = new ImageView[count];
		for(int i = 0; i< count;i++) {
			imgs[i] = (ImageView) pointLLayout.getChildAt(i);
			imgs[i].setEnabled(true);
			imgs[i].setTag(i);
		}
		currentItem = 0;
		imgs[currentItem].setEnabled(false);
		mScrollLayout.SetOnViewChangeListener(this);
	}
	
	private View.OnClickListener onClick = new View.OnClickListener() {
		@Override
		public void onClick(View v) {
			switch (v.getId()) {
			case R.id.startBtn:
				mScrollLayout.setVisibility(View.GONE);
				pointLLayout.setVisibility(View.GONE);
				animLayout.setVisibility(View.VISIBLE);
//				mainRLayout.setBackgroundResource(R.drawable.bg);
				Animation leftOutAnimation = AnimationUtils.loadAnimation(getApplicationContext(), R.anim.translate_left);
				Animation rightOutAnimation = AnimationUtils.loadAnimation(getApplicationContext(), R.anim.translate_right);
				leftLayout.setAnimation(leftOutAnimation);
				rightLayout.setAnimation(rightOutAnimation);
				leftOutAnimation.setAnimationListener(new AnimationListener() {
					@Override
					public void onAnimationStart(Animation animation) {
//						mainRLayout.setBackgroundColor(R.color.black);
					}
					@Override
					public void onAnimationRepeat(Animation animation) {
					}
					@Override
					public void onAnimationEnd(Animation animation) {
						leftLayout.setVisibility(View.GONE);
						rightLayout.setVisibility(View.GONE);
						Intent intent = new Intent(NavigationDemoActivity.this,TestAcitivity.class);
						NavigationDemoActivity.this.startActivity(intent);
						NavigationDemoActivity.this.finish();
						overridePendingTransition(R.anim.zoom_out_enter, R.anim.zoom_out_exit);
					}
				});
				break;
			}
		}
	};

	@Override
	public void OnViewChange(int position) {
		setcurrentPoint(position);
	}

	private void setcurrentPoint(int position) {
		if(position < 0 || position > count -1 || currentItem == position) {
			return;
		}
		imgs[currentItem].setEnabled(true);
		imgs[position].setEnabled(false);
		currentItem = position;
	}
}


还有自定义MyScrollLayout


package com.nyist.wj.navigation;


import android.content.Context;
import android.util.AttributeSet;
import android.util.Log;
import android.view.MotionEvent;
import android.view.VelocityTracker;
import android.view.View;
import android.view.ViewGroup;
import android.view.View.MeasureSpec;
import android.widget.Scroller;

public class MyScrollLayout    extends ViewGroup {

    private static final String TAG = "ScrollLayout";   
    
    private VelocityTracker mVelocityTracker;  			// 鐢ㄤ簬鍒ゆ柇鐢╁姩鎵嬪娍
    
    private static final int SNAP_VELOCITY = 600;    
    
    private Scroller  mScroller;						// 婊戝姩鎺у埗
	
    private int mCurScreen;    						
    
	private int mDefaultScreen = 0;    					
	 
    private float mLastMotionX;    
    
 //   private int mTouchSlop;							
    
//    private static final int TOUCH_STATE_REST = 0;
//    private static final int TOUCH_STATE_SCROLLING = 1;
//    private int mTouchState = TOUCH_STATE_REST;
    
    private OnViewChangeListener mOnViewChangeListener;
	 
	public MyScrollLayout(Context context) {
		super(context);
		// TODO Auto-generated constructor stub
		init(context);
	}
	
	public MyScrollLayout(Context context, AttributeSet attrs) {
		super(context, attrs);
		// TODO Auto-generated constructor stub
		init(context);
	}
	
	public MyScrollLayout(Context context, AttributeSet attrs, int defStyle) {
		super(context, attrs, defStyle);
		// TODO Auto-generated constructor stub
		
		init(context);
	}
	
	private void init(Context context)
	{
		mCurScreen = mDefaultScreen;    
	  
	 //   mTouchSlop = ViewConfiguration.get(getContext()).getScaledTouchSlop();    
	        
	    mScroller = new Scroller(context); 
	    
	}

	@Override
	protected void onLayout(boolean changed, int l, int t, int r, int b) {
		// TODO Auto-generated method stub
		
		
		 if (changed) {    
	            int childLeft = 0;    
	            final int childCount = getChildCount();    
	                
	            for (int i=0; i<childCount; i++) {    
	                final View childView = getChildAt(i);    
	                if (childView.getVisibility() != View.GONE) {    
	                    final int childWidth = childView.getMeasuredWidth();    
	                    childView.layout(childLeft, 0,     
	                            childLeft+childWidth, childView.getMeasuredHeight());    
	                    childLeft += childWidth;    
	                }    
	            }    
	        }    
	}

	@Override
	protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
		// TODO Auto-generated method stub
		super.onMeasure(widthMeasureSpec, heightMeasureSpec);
		
	
		
		final int width = MeasureSpec.getSize(widthMeasureSpec);       
	    final int widthMode = MeasureSpec.getMode(widthMeasureSpec);      
	    
		
		final int count = getChildCount();       
        for (int i = 0; i < count; i++) {       
            getChildAt(i).measure(widthMeasureSpec, heightMeasureSpec);       
        }         
        
        scrollTo(mCurScreen * width, 0);
		
	}


	 public void snapToDestination() {    
	        final int screenWidth = getWidth();    

	        final int destScreen = (getScrollX()+ screenWidth/2)/screenWidth;    
	        snapToScreen(destScreen);    
	 }  
	
	 public void snapToScreen(int whichScreen) {    
	
	        // get the valid layout page    
	        whichScreen = Math.max(0, Math.min(whichScreen, getChildCount()-1));    
	        if (getScrollX() != (whichScreen*getWidth())) {    
	                
	            final int delta = whichScreen*getWidth()-getScrollX();    
	        
	            mScroller.startScroll(getScrollX(), 0,     
	                    delta, 0, Math.abs(delta)*2);
 
	            
	            mCurScreen = whichScreen;    
	            invalidate();       // Redraw the layout    
	            
	            if (mOnViewChangeListener != null)
	            {
	            	mOnViewChangeListener.OnViewChange(mCurScreen);
	            }
	        }    
	    }    


	@Override
	public void computeScroll() {
		// TODO Auto-generated method stub
		if (mScroller.computeScrollOffset()) {    
            scrollTo(mScroller.getCurrX(), mScroller.getCurrY());  
            postInvalidate();    
        }   
	}

	@Override
	public boolean onTouchEvent(MotionEvent event) {
		// TODO Auto-generated method stub           
	            
	        final int action = event.getAction();    
	        final float x = event.getX();    
	        final float y = event.getY();    

	            
	        switch (action) {    
	        case MotionEvent.ACTION_DOWN: 
	        	
	        	  Log.i("", "onTouchEvent  ACTION_DOWN");
	        	  
	        	if (mVelocityTracker == null) {    
			            mVelocityTracker = VelocityTracker.obtain();    
			            mVelocityTracker.addMovement(event); 
			    }
	        	 
	            if (!mScroller.isFinished()){    
	                mScroller.abortAnimation();    
	            }    
	            
	            mLastMotionX = x;	           
	            break;    
	                
	        case MotionEvent.ACTION_MOVE:  
	           int deltaX = (int)(mLastMotionX - x);
	           
        	   if (IsCanMove(deltaX))
        	   {
        		 if (mVelocityTracker != null)
  		         {
  		            	mVelocityTracker.addMovement(event); 
  		         }   

  	            mLastMotionX = x;    
 
  	            scrollBy(deltaX, 0);	
        	   }
         
	           break;    
	                
	        case MotionEvent.ACTION_UP:       
	        	
	        	int velocityX = 0;
	            if (mVelocityTracker != null)
	            {
	            	mVelocityTracker.addMovement(event); 
	            	mVelocityTracker.computeCurrentVelocity(1000);  
	            	velocityX = (int) mVelocityTracker.getXVelocity();
	            }
	                    
	                
	            if (velocityX > SNAP_VELOCITY && mCurScreen > 0) {       
	                // Fling enough to move left       
	                Log.e(TAG, "snap left");    
	                snapToScreen(mCurScreen - 1);       
	            } else if (velocityX < -SNAP_VELOCITY       
	                    && mCurScreen < getChildCount() - 1) {       
	                // Fling enough to move right       
	                Log.e(TAG, "snap right");    
	                snapToScreen(mCurScreen + 1);       
	            } else {       
	                snapToDestination();       
	            }      
	            
	           
	            
	            if (mVelocityTracker != null) {       
	                mVelocityTracker.recycle();       
	                mVelocityTracker = null;       
	            }       
	            
	      //      mTouchState = TOUCH_STATE_REST;
	            break;      
	        }    
	            
	        return true;    
	}
//	
//	  public boolean onInterceptTouchEvent(MotionEvent ev) {
//          // TODO Auto-generated method stub
//          final int action = ev.getAction();
//          if ((action == MotionEvent.ACTION_MOVE)
//                          && (mTouchState != TOUCH_STATE_REST)) {
//        	  Log.i("", "onInterceptTouchEvent  return true");
//                  return true;
//          }
//          final float x = ev.getX();
//          final float y = ev.getY();
//          switch (action) {
//          case MotionEvent.ACTION_MOVE:
//                  final int xDiff = (int) Math.abs(mLastMotionX - x);
//                  if (xDiff > mTouchSlop) {
//                          mTouchState = TOUCH_STATE_SCROLLING;
//                  }
//                  break;
//
//          case MotionEvent.ACTION_DOWN:
//                  mLastMotionX = x;
//
//                  mTouchState = mScroller.isFinished() ? TOUCH_STATE_REST
//                                  : TOUCH_STATE_SCROLLING;
//                  break;
//
//          case MotionEvent.ACTION_CANCEL:
//          case MotionEvent.ACTION_UP:
//                  mTouchState = TOUCH_STATE_REST;
//                  break;
//          }
//          
//          if (mTouchState != TOUCH_STATE_REST)
//          {
//        	  Log.i("", "mTouchState != TOUCH_STATE_REST  return true");
//          }
//
//    
//          return mTouchState != TOUCH_STATE_REST;
//  }
	
	private boolean IsCanMove(int deltaX)
	{
	
		if (getScrollX() <= 0 && deltaX < 0 )
		{
			return false;
		}
		
		if  (getScrollX() >=  (getChildCount() - 1) * getWidth() && deltaX > 0)
		{
			return false;
		}
			
		
		return true;
	}
	
	public void SetOnViewChangeListener(OnViewChangeListener listener)
	{
		mOnViewChangeListener = listener;
	}

}

还有一个实现视图切换的接口 


package com.nyist.wj.navigation;

public interface OnViewChangeListener {
	public void OnViewChange(int view);
}

最后呢，还有一个活动，用来处理是否是第一次安装这个应用，然后根据条件进行判断

startAnimation

package com.nyist.activity;

import junit.framework.Test;


import android.app.Activity;
import android.content.Intent;
import android.content.SharedPreferences;
import android.content.SharedPreferences.Editor;
import android.os.Bundle;
import android.view.View;
import android.view.Window;
import android.view.WindowManager;
import android.view.View.OnClickListener;
import android.view.animation.AlphaAnimation;
import android.view.animation.Animation;
import android.view.animation.Animation.AnimationListener;
import android.widget.ImageView;

public class startAnimation  extends Activity{
	ImageView startimage;
	AlphaAnimation startAnimation;
	private SharedPreferences preferences;
	protected void onCreate(Bundle savedInstanceState) {
		// 去除标题
		this.requestWindowFeature(Window.FEATURE_NO_TITLE);
		// 取消状态栏，充满全屏
		this.getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN,
				WindowManager.LayoutParams.FLAG_FULLSCREEN);
		super.onCreate(savedInstanceState);
		setContentView(R.layout.startimage);
		firststartActivity();
		startanimation();
		

	}
	public void firststartActivity() {

		preferences = getSharedPreferences("count", MODE_WORLD_READABLE);
		int count = preferences.getInt("count", 0);
		// 判断程序与第几次运行，如果是第一次运行则跳转到引导页面
		if (count == 0) {
			Intent intent = new Intent();
			intent.setClass(getApplicationContext(),NavigationDemoActivity.class);
			startActivity(intent);
			finish();
		}
		Editor editor = preferences.edit();
		// 存入数据

		editor.putInt("count", ++count);
		// 提交修改

		editor.commit();

	}
	
	public void startanimation(){
		 
		 
		 startimage = (ImageView) findViewById(R.id.startimage);
			// 设置动画的渐变效果逐渐增强
			startAnimation = new AlphaAnimation(0.5f, 1.0f);
			// 设置动画显示的时间为3s
			startAnimation.setDuration(3000);
			// 开始动画效果
			startimage.startAnimation(startAnimation);
			// 为动画效果设置监听事件
			startAnimation.setAnimationListener(new AnimationListener() {
				// ka开始
				@Override
				public void onAnimationStart(Animation animation) {
					// TODO Auto-generated method stub

				}

				// 重复
				@Override
				public void onAnimationRepeat(Animation animation) {
					// TODO Auto-generated method stub

				}

				// 动画结束
				@Override
				public void onAnimationEnd(Animation animation) {

					// 声明一个意图，启动一个新的Activity
					Intent intent = new Intent(startAnimation.this,
							TestAcitivity.class);
					// 启动新的Activity
					startActivity(intent);
				}
			});
			startimage.setOnClickListener(new OnClickListener() {

				@Override
				public void onClick(View v) {
					// TODO Auto-generated method stub
					Intent intent = new Intent(startAnimation.this,
							TestAcitivity.class);
					// 启动新的Activity
					startActivity(intent);
				}
			});
		 
		 
	 }
}

ps:运行结果如图：




程序员Android
关注
  • 1
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论
专栏目录
基于Android系统的手机导航系统设计与实现
03-03
基于eclipse平台开发，运用ARCgis进行地图匹配定位导航，手机导航设计指导。
android 导航界面,Android 仿微信之界面导航篇（一）
weixin_28942523的博客
05-31 262
importjava.util.ArrayList;importandroid.app.Activity;importandroid.content.Intent;importandroid.os.Bundle;importandroid.support.v4.view.PagerAdapter;importandroid.support.v4.view.PagerTitleStrip;impor...
android欢迎界面及导航界面的Demo
11-21
本demo实现欢迎界面及首次安装显示导航界面。使用到的技术主要为ViewPager，SharedPreference。开发工具为Android Studio。
Android中导航页制作
Heroz的博客
04-05 472
Android中导航页制作和跳转界面按钮的显示监听
android欢迎导航界面
04-25
实现了android app打开时候的欢迎导航界面，类似微信
Android实现顶部底部双导航界面功能
01-20
总结起来，实现Android顶部底部双导航界面的关键在于理解`Fragment`和`FragmentTabHost`的工作原理，以及如何将它们有效地组合到一个布局中。通过`FragmentTabHost`的`setup()`方法和`addTab()`方法，我们可以轻松地...
Android界面之侧边栏导航菜单
03-16
在Android应用开发中，侧边栏导航菜单(Side Drawer Navigation Menu)是常见的一种设计模式，它为用户提供了一种方便的方式来浏览和切换应用的不同部分。这种菜单通常从屏幕左侧滑出，展示一系列可点击的选项，使得...
Android实现底部导航栏的主界面
08-25
Android 实现底部导航栏的主界面 Android 实现底部导航栏的主界面是指在 Android 应用程序中，如何实现一个底部含有多个标签的导航栏，点击可以切换到相应的界面。这种设计是非常常见的，在主流 App 中都可以看到...
漂亮的android UI界面设计例子.rar
07-10
"漂亮的android UI界面设计例子"这个压缩包文件提供了几个实用的UI设计示例，可以帮助开发者理解如何创建吸引人的、用户体验良好的Android应用界面。 1. **颜色搭配与主题设计**： - Android UI设计中，色彩的选择...
android 双层导航界面,Android中划屏效果设计三（设计局部导航界面）
weixin_35133814的博客
05-30 285
package com.slide.menu;import java.util.ArrayList;import com.slide.util.SlideMenuUtil;import android.app.Activity;import android.graphics.Color;import android.util.Log;import android.view.Gravity;impo...
实现界面导航
11-17
当下载一个app时,首次使用都会出现界面导航页面,今天就来写一个简单的页面导航,由于本人比较懒,随便找了一张图片,你可以按照你的想法换掉,废话少说,开始界面导航之旅 首先先写一个不到导航小圆点的界面导航,先单纯的使用viewPager实现界面滑动,然后加入小圆点即可实现常见的首次登陆出现导航页面
Android 各种方法实现导航页
05-29
都是很实用的Demo,能直接用，非常有借鉴意义
Android ViewPager实现圆点导航左右滑动和Fragment页面切换
09-22
并实例利用ViewPager，PagerAdapter和OnPageChangeListener实现圆点导航左右滑动效果，并实现了被滑动界面处理控件事件，同时通过Fragment实现两个页面切换效果
Android之ViewPager实现引导页（第一次打开App进入引导页，第二次直接进入APP主页面）
03-11
Android实现引导页（第一次打开App进入引导页，第二次直接进入APP主页面） 博客地址：http://blog.csdn.net/dickyqie/article/details/61413419
汽车安卓大屏导航CAN总线设置APP
06-21
汽车安卓大屏导航CAN总线设置，飞鸽导航，路畅导航，卡仕达导航可以使用
android起始页面与导航页面
热门推荐
09-21 4万+
每一次打开QQ或者支付宝都会有一个相同的起始页面，而第一次打开app还会有一个导航页面。 起始页面用一个ImageView 就可以了，而导航页面则需要一个v4包下面的ViewPage。 起始页面代码如下： public class StartActivity extends BaseActivity { private ImageView ivSplash; @Override pr
android导航页（欢迎页实现十分简单）
一苇过江的博客
06-25 7413
首先要弄明白原理，大致了解一下该流程 1、创建一个类继承自SimplePagerFragment，实现对导航页面的页面循环的设置、背景颜色的设置以及页面监听事件的设置 2、创建类定义每一个的页面（有多少页就创建多少个页面，当然布局文件是肯定需要的不再赘叙） 3、在Activity中启动创建创建一个类继承自SimplePagerFragment代码如下： package co
Android基础之页面导航
wsq200的博客
01-02 228
因为直接从onenote搬运过来所以格式不太好看，是之前学习一位b站up的学习记录，指路：https://www.bilibili.com/video/BV1Jx41197am
Android 欢迎界面及首次安装导航界面实例
qq_17362885的博客
11-21 4442
本文主要实现软件运行时显示欢迎界面及首次安装时导航界面。如今几乎所有的APP都用到这技术。所以还是很有必要写个Demo。
Android任务驱动教程：界面设计与实现
工具栏设计部分则关注于Android应用中的导航元素。教程涵盖了界面布局的规划，以及如何通过关键代码分析来实现按钮的绑定和事件处理。这对于构建一个功能完善的界面至关重要，因为工具栏通常包含重要的操作和导航...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

程序员Android

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值