滚动选择packview风格的三级城市底部弹出菜单 -

chenliang1234576

浏览: 196077 次
性别:
来自: 上海

最近访客更多访客>>

一个破名字

madbluesky

zt903060249

bety

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

滚动选择packview风格的三级城市底部弹出菜单

博客分类：

Android技术帮

android 滚动城市菜单 packwiew 仿iphone

本组件主要用到了一个开源项目 Android Wheel Control 和 android的popWindow弹窗技术；

实现效果如下图：

不说废话，直接上代码

核心处理代码：

package com.example.poptest;

import kankan.wheel.widget.OnWheelChangedListener;
import kankan.wheel.widget.OnWheelScrollListener;
import kankan.wheel.widget.WheelView;
import kankan.wheel.widget.adapters.AbstractWheelTextAdapter;
import kankan.wheel.widget.adapters.ArrayWheelAdapter;
 

import android.os.Bundle;
import android.app.Activity;
import android.content.Context;
import android.view.Display;
import android.view.Gravity;
import android.view.LayoutInflater;
import android.view.Menu;
import android.view.View;
import android.view.ViewGroup;
import android.view.View.OnClickListener;
import android.widget.Button;
import android.widget.LinearLayout;
import android.widget.PopupWindow;
import android.widget.RelativeLayout;
import android.widget.TextView;

/****   
 * @production  packview风格的三级城市底部弹出菜单组件  
 * @company     android技术帮--【技术成就梦想】  
 * @department  群号:85506951  
 * @author      大灰狼叔叔(qq:953486326)  
 * {@docRoot    利用Android Wheel Control 实现的packview风格的三级城市底部弹出菜单 }  
 * @version     1.0  
 * @since       2013\4\15  
 * @see         欢迎对android感兴趣的童鞋加入android技术帮，共同学习，共同进步！  
 * ****/  


public class MainActivity extends Activity {

	private static final String TAG = "MainActivity";
	private Button button,button_ok;
	RelativeLayout test_pop_layout;
	int width,height;

	private TextView tt ;
	@Override
	public void onCreate(Bundle savedInstanceState)
	{
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);
		  
		// 获取屏幕的高度和宽度
		Display display = this.getWindowManager().getDefaultDisplay();
		width = display.getWidth();
	    height = display.getHeight();
		
	    // 获取弹出的layout
	    test_pop_layout = (RelativeLayout)findViewById(R.id.test_pop_layout);
	    tt = (TextView)findViewById(R.id.tpop2_tv);  
	    
		
		button = (Button) findViewById(R.id.button);
		button.setOnClickListener(new OnClickListener()
		{
			@Override
			public void onClick(View v)
			{
				// 显示 popupWindow
				PopupWindow popupWindow = makePopupWindow(MainActivity.this);
				int[] xy = new int[2];
				test_pop_layout.getLocationOnScreen(xy);
				popupWindow.showAtLocation(test_pop_layout,Gravity.CENTER|Gravity.BOTTOM, 0, -height); 
			}
		});
	}

	 
	 // Scrolling flag
    private boolean scrolling = false; 
    private TextView tv;
	// 创建一个包含自定义view的PopupWindow
	private PopupWindow makePopupWindow(Context cx)
	{
		final PopupWindow window;
 		window = new PopupWindow(cx); 
 		 
        View contentView = LayoutInflater.from(this).inflate(R.layout.cities_layout, null);
        window.setContentView(contentView);
        
        
        tv = (TextView)contentView.findViewById(R.id.tv_cityName);
        
        final WheelView country = (WheelView) contentView.findViewById(R.id.country);
        country.setVisibleItems(3);
        country.setViewAdapter(new CountryAdapter(this));

        final String cities[][] = AddressData.CITIES; 
        final String ccities[][][] = AddressData.COUNTIES;  
        final WheelView city = (WheelView) contentView.findViewById(R.id.city);
        city.setVisibleItems(0);

        country.addChangingListener(new OnWheelChangedListener() {
			public void onChanged(WheelView wheel, int oldValue, int newValue) {
			    if (!scrolling) {
			        updateCities(city, cities, newValue);
			    }
			}
		});
        
        country.addScrollingListener( new OnWheelScrollListener() {
            public void onScrollingStarted(WheelView wheel) {
                scrolling = true;
            }
            public void onScrollingFinished(WheelView wheel) {
                scrolling = false;
                updateCities(city, cities, country.getCurrentItem());
                
                tv.setText( AddressData.PROVINCES[country.getCurrentItem()] ); 
            }
        });
        
        // 地区选择
        final WheelView ccity = (WheelView) contentView.findViewById(R.id.ccity);
        ccity.setVisibleItems(0);

        city.addChangingListener(new OnWheelChangedListener() {
			public void onChanged(WheelView wheel, int oldValue, int newValue) {
			    if (!scrolling) {
			        updatecCities(ccity, ccities, country.getCurrentItem(),newValue); 
			    }
			}
		});
        
        city.addScrollingListener( new OnWheelScrollListener() {
            public void onScrollingStarted(WheelView wheel) {
                scrolling = true;
            }
            public void onScrollingFinished(WheelView wheel) {
                scrolling = false;
                updatecCities(ccity, ccities, country.getCurrentItem(), city.getCurrentItem());
                
                tv.setText(
            		   AddressData.PROVINCES[country.getCurrentItem()] + "-" + 
            		   AddressData.CITIES[country.getCurrentItem()][city.getCurrentItem()]);
               
            }
        }); 
         
        ccity.addScrollingListener( new OnWheelScrollListener() {
            public void onScrollingStarted(WheelView wheel) {
                scrolling = true;
            }
            public void onScrollingFinished(WheelView wheel) {
                scrolling = false; 
                
               tv.setText(
            		   AddressData.PROVINCES[country.getCurrentItem()] + "-" + 
            		   AddressData.CITIES[country.getCurrentItem()][city.getCurrentItem()] + "-" + 
            		   AddressData.COUNTIES[country.getCurrentItem()][city.getCurrentItem()][ccity.getCurrentItem()]);
                
            }
        }); 
         
        country.setCurrentItem(1);
        
        // 点击事件处理
        button_ok = (Button)contentView.findViewById(R.id.button_ok);
    	button_ok.setOnClickListener(new OnClickListener()
		{
			@Override
			public void onClick(View v)
			{ 
				tt.setText(AddressData.PROVINCES[country.getCurrentItem()] + "-" + 
	            		   AddressData.CITIES[country.getCurrentItem()][city.getCurrentItem()] + "-" + 
	            		   AddressData.COUNTIES[country.getCurrentItem()][city.getCurrentItem()][ccity.getCurrentItem()]);
				window.dismiss(); // 隐藏
			}
		});
         
        
 		window.setWidth(width);
 		window.setHeight(height/2);
        
		// 设置PopupWindow外部区域是否可触摸
		window.setFocusable(true); //设置PopupWindow可获得焦点
		window.setTouchable(true); //设置PopupWindow可触摸
		window.setOutsideTouchable(true); //设置非PopupWindow区域可触摸
		return window;
	}
	
	 /**
     * Updates the city wheel
     */
    private void updateCities(WheelView city, String cities[][], int index) {
        ArrayWheelAdapter<String> adapter =
            new ArrayWheelAdapter<String>(this, cities[index]);
        adapter.setTextSize(18);
        city.setViewAdapter(adapter);
        city.setCurrentItem(cities[index].length / 2);    
    }
    
    /**
     * Updates the ccity wheel
     */
    private void updatecCities(WheelView city, String ccities[][][], int index,int index2) {
        ArrayWheelAdapter<String> adapter =
            new ArrayWheelAdapter<String>(this, ccities[index][index2]);
        adapter.setTextSize(18);
        city.setViewAdapter(adapter);
        city.setCurrentItem(ccities[index][index2].length / 2);     
    }
    
    /**
     * Adapter for countries
     */
    private class CountryAdapter extends AbstractWheelTextAdapter {
        // Countries names
        private String countries[] = AddressData.PROVINCES;  
        /**
         * Constructor
         */
        protected CountryAdapter(Context context) {
            super(context, R.layout.country_layout, NO_RESOURCE);
            
            setItemTextResource(R.id.country_name);
        }

        @Override
        public View getItem(int index, View cachedView, ViewGroup parent) {
            View view = super.getItem(index, cachedView, parent); 
            return view;
        }
        
        @Override
        public int getItemsCount() {
            return countries.length;
        }
        
        @Override
        protected CharSequence getItemText(int index) {
            return countries[index];
        }
    }

}

核心布局

<?xml version="1.0" encoding="utf-8"?>

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
	android:layout_height="fill_parent"
	android:orientation="vertical"
	android:background="@drawable/layout_bg"
	android:layout_width="fill_parent">

    <LinearLayout
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal" >

        <TextView
            android:id="@+id/tv_cityName"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginTop="5dp"
            android:layout_marginLeft="5dp"
            android:text="请选择城市"  
            android:layout_weight="2"/>

        <Button
            android:id="@+id/button_ok"
            android:layout_width="12dip"
            android:layout_height="wrap_content"
            android:layout_gravity="right"
            android:layout_marginTop="5dp"
            android:layout_marginRight="5dp"
            android:text="确定"  
            android:layout_weight="1"/>

    </LinearLayout>
	
	<LinearLayout 
		android:layout_height="wrap_content"
		android:layout_gravity="center_horizontal"
		android:layout_width="fill_parent"
		android:paddingLeft="12dp"
		android:paddingRight="12dp"
		android:paddingTop="4dp"
		android:layout_marginTop="8dp"
		android:orientation="horizontal">
	
   <kankan.wheel.widget.WheelView android:id="@+id/country"
        android:layout_height="110dp"
        android:layout_width="wrap_content"
        android:layout_gravity="center_vertical"
        android:layout_weight="1"/>
	
	<kankan.wheel.widget.WheelView android:id="@+id/city"
		android:layout_height="110dp"
		android:layout_width="wrap_content"
        android:layout_gravity="center_vertical"
		android:layout_marginLeft="5dp"
		android:layout_weight="1"/>
		
	<kankan.wheel.widget.WheelView android:id="@+id/ccity"
		android:layout_height="110dp"
		android:layout_width="wrap_content"
        android:layout_gravity="center_vertical"
		android:layout_marginLeft="5dp"
		android:layout_weight="1"/>
	
	</LinearLayout>
	
	<!-- Button
		android:layout_width="wrap_content"
		android:layout_height="wrap_content"
		android:layout_gravity="center_horizontal"
		android:layout_marginTop="18dp"
		android:textSize="18sp"
		android:text="    Next >   "/-->

</LinearLayout>

也可以到csdn下载：

http://download.csdn.net/detail/helloworldjavaee/5260020