`

Android 可编辑下拉选择框

阅读更多
Android EditText可输入可选择的EditText

[list=1]
  • 1.页面布局 layout 片段
  •         <RelativeLayout 
                android:id="@+id/projectmodule"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_marginTop="40sp"
                android:minHeight="50sp">
                
                <TextView 
                    android:id="@+id/txt_project"
                    style="@style/label_text"
                    android:text="项目名称"/>
                
                <EditText
                    android:id="@+id/enrol_project_name"
                    style="@style/inputText"
                    android:layout_toRightOf="@id/txt_project"
                    android:hint="项目名称"
                    android:inputType="text|textPersonName"
                    android:paddingRight="50dp"
                    android:maxLength="20" />
    
                <ImageButton
                    android:id="@+id/open_arrow_btn"
                    android:layout_width="wrap_content"
                    android:layout_height="match_parent"
                    android:layout_alignBottom="@id/enrol_project_name"
                    android:layout_alignRight="@id/enrol_project_name"
                    android:layout_alignTop="@id/enrol_project_name"
                    android:layout_marginRight="2dp"
                    android:background="@drawable/open_arrow" />
                
            </RelativeLayout>
  • 2.创建新的布局文件 proname_spinner.xml  下拉列表的ListView

  • <?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="match_parent"
        android:orientation="vertical" 
        android:gravity="center_horizontal"
        android:background="@color/popwin_bg">
    
        <ListView
            android:id="@+id/proname_list"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:cacheColorHint="#00000000"
            android:divider="#508a88"
            android:dividerHeight="1dp">
        </ListView>
    
    </LinearLayout>
  • 3.创建列表项布局文件 proname_spinner_item.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="wrap_content"
        android:orientation="horizontal">
        
        <ImageView 
            android:id="@+id/item_icon"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@drawable/pro_icon"
            android:layout_marginLeft="5dp"
            android:minHeight="40dp"/>
    
        <TextView
            android:id="@+id/item_val"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_gravity="center"
            android:layout_marginLeft="15dp"
            android:layout_weight="1"
            android:textColor="#4f5555"
            android:textSize="20sp" 
            android:singleLine="true"
            android:ellipsize="marquee"/>
    
    </LinearLayout>
  • 4.创建数据适配器文件 PopupAdapter.java

  • package com.photo.adapter;
    
    import java.util.ArrayList;
    
    import android.content.Context;
    import android.os.Bundle;
    import android.os.Handler;
    import android.os.Message;
    import android.util.Log;
    import android.view.LayoutInflater;
    import android.view.MotionEvent;
    import android.view.View;
    import android.view.ViewGroup;
    import android.widget.BaseAdapter;
    import android.widget.ImageView;
    import android.widget.TextView;
    
    import com.photo.activity.R;
    
    /**
     * @description 工程名称 带下拉选择的可编辑输入框,PopupWindow的数据适配器
     * 
     * @author Li Junchao
     * @date 2014年5月9日
     */
    public class PopupAdapter extends BaseAdapter
    {
    	
    	private Context context;
    	private ArrayList<String> list = new ArrayList<String>();
    	
    	@SuppressWarnings("unused")
    	private Handler handler = null;
    	
    	private LayoutInflater layoutInflater;
    	
    	public PopupAdapter()
    	{
    		
    	}
    	
    	public PopupAdapter(Context context,ArrayList<String> list)
    	{
    		this.context = context;
    		this.list = list;
    	}
    	
    	public PopupAdapter(Context context,ArrayList<String> list,Handler handler)
    	{
    		this.context = context;
    		this.list = list;
    		this.handler = handler;
    	}
    
    	/* (non-Javadoc)
    	 * @see android.widget.Adapter#getCount()
    	 */
    	@Override
    	public int getCount()
    	{
    		return this.list != null ? list.size() : 0;
    	}
    
    	/* (non-Javadoc)
    	 * @see android.widget.Adapter#getItem(int)
    	 */
    	@Override
    	public Object getItem(int position)
    	{
    		return list.get(position);
    	}
    
    	/* (non-Javadoc)
    	 * @see android.widget.Adapter#getItemId(int)
    	 */
    	@Override
    	public long getItemId(int position)
    	{
    		return position;
    	}
    
    	/* (non-Javadoc)
    	 * @see android.widget.Adapter#getView(int, android.view.View, android.view.ViewGroup)
    	 */
    	@Override
    	public View getView(int position, View convertView, ViewGroup parent)
    	{
    		ViewHoler holder = null;
    		
    		if(null == convertView)
    		{
    			holder = new ViewHoler();
    			
    			layoutInflater = LayoutInflater.from(context);
    			convertView = layoutInflater.inflate(R.layout.proname_spinner_item,null);
    			
    			holder.imgBtn = (ImageView)convertView.findViewById(R.id.item_icon);
    			holder.txtView = (TextView)convertView.findViewById(R.id.item_val);
    			
    			//绑定每一列的数据对象在列表项上
    			convertView.setTag(holder);
    		}
    		else
    		{
    			holder = (ViewHoler)convertView.getTag();
    		}
    		
    		if(holder != null)
    		{
    			//给每个列表项指定一个Id标识符,这个标识符是一个确切的数字
    			convertView.setId(position);
    			
    			//同时设置列表项中每个元素的标识符,都是本列表项在列表集合中的索引
    			holder.setId(position);
    			
    			//从数据集合中取值显示列表文本
    			holder.txtView.setText(list.get(position));
    			
    			//设置触摸事件  这里最好不要为每一个列表项绑定touch事件,可以为ListView绑定OnItemClickListener
    //			holder.txtView.setOnTouchListener(new SelectedItemTouchListener(list,position,handler));
    		}
    		
    		return convertView;
    	}
    	
    	/**
    	 * 列表项触摸事件
    	 */
    	public class SelectedItemTouchListener implements View.OnTouchListener
    	{
    
    		private ArrayList<String> list = new ArrayList<String>();
    		private int position = 0;
    		private Handler handler = null;
    		
    		public SelectedItemTouchListener()
    		{
    			
    		}
    		
    		public SelectedItemTouchListener(ArrayList<String> list,int position,Handler handler)
    		{
    			this.list = list;
    			this.position = position;
    			this.handler = handler;
    		}
    		
    		@Override
    		public boolean onTouch(View v, MotionEvent event)
    		{
    			Message message = new Message();
    			Bundle bundle = new Bundle();
    			
    //			if(event.getAction() == MotionEvent.ACTION_OUTSIDE)
    //			{
    //				message.what = 0;
    //			}
    //			else
    //			{
    				Log.d("listview item ontouch",list.get(position));
    			
    				bundle.putString("value",list.get(position));
    				bundle.putInt("selectedIndex",position);
    				
    				message.setData(bundle);
    				
    				message.what = 1;
    //			}
    			
    			
    			//发送一个消息,在主界面里设置输入文本框的值
    			this.handler.sendMessage(message);
    			
    			return true;
    		}
    		
    	}
    
    	/**
    	 * @description 记录列表项数据,绑定数据对象到每一个列表项
    	 * 
    	 * @author Admin
    	 * @date 2014年5月9日
    	 */
    	public class ViewHoler
    	{
    		private TextView txtView;
    		private ImageView imgBtn;
    		
    		/**
    		 * @description 列表项元素
    		 *
    		 * @param position
    		 */
    		public void setId(int position)
    		{
    			this.txtView.setId(position);
    			this.imgBtn.setId(position);
    		}
    
    		public TextView getTxtView()
    		{
    			return txtView;
    		}
    
    		public void setTxtView(TextView txtView)
    		{
    			this.txtView = txtView;
    		}
    
    		public ImageView getImgBtn()
    		{
    			return imgBtn;
    		}
    
    		public void setImgBtn(ImageView imgBtn)
    		{
    			this.imgBtn = imgBtn;
    		}
    	}
    }

  • 5.在Activity里java代码片段

  • 	
            PopupWindow ppwin = null;	//工程名下拉列表的Popupwindow
    	ListView listView = null;
    	ArrayList<String> proNames = new ArrayList<String>();
    	PopupAdapter adapter = null;
    	ImageButton arrowBtn = null;
    	boolean isInit = false;
    
    	@Override
    	public void onWindowFocusChanged(boolean hasFocus)
    	{
    		super.onWindowFocusChanged(hasFocus);
    		
    		if(hasFocus)
    		{
    			//每次当前activity获得当前焦点都重新读取sd下已经创建的项目目录
    			Log.d("onWindowFocusChanged","重新获取工程目录");
    			getProjectNamesfromSD();
    			
    			if(adapter != null && !adapter.isEmpty())
    			{
    				adapter.notifyDataSetChanged();
    			}
    		}
    		
    		while(!isInit)
    		{
    			Log.d("EnrolmentActivity.onWindowFocusChanged","初始化popupwindow");
    			initPopupWindow();
    			isInit = true;
    		}
    	}
    
    /**
    	 * @description 从sd卡上读取项目名称,返回项目名称数据列表集合
    	 *
    	 * @return
    	 */
    	private void getProjectNamesfromSD()
    	{
    		proNames.clear();
    		
    		//如果SD卡当前是已安装和准备好读写的状态
    		if(Environment.getExternalStorageState().equals(Environment.MEDIA_MOUNTED))
    		{
    			File projectDir = new File(Environment.getExternalStorageDirectory(),"photepro");
    			
    			//如果工程文件目录存在
    			if(projectDir.exists() && projectDir.isDirectory())
    			{
    				String[] _filesName = projectDir.list();
    				
    				for(String name : _filesName)
    				{
    					if(!"tmp".equals(name))
    					{
    						proNames.add(name);
    					}
    					
    				}
    			}
    		}
    	}
    
    	/**
    	 * @description 初始化PopupWindow
    	 *
    	 */
    	private void initPopupWindow()
    	{
    //		handler = new PopupHandler(this);
    		
    		//项目名称下拉列表控件 下拉按钮
    		arrowBtn = (ImageButton)findViewById(R.id.open_arrow_btn);
    		
    		arrowBtn.setOnClickListener(arrowBtnClick);
    		
    		View view = (View)this.getLayoutInflater().inflate(R.layout.proname_spinner,null);
    		this.listView = (ListView)view.findViewById(R.id.proname_list);
    		this.adapter = new PopupAdapter(EnrolmentActivity.this,proNames);
    		
    		listView.setAdapter(adapter);
    		
    		listView.setOnItemClickListener(pronameItemClick);
    		
    		ppwin = new PopupWindow(view,project.getWidth(),LayoutParams.WRAP_CONTENT);
    		ColorDrawable cd = new ColorDrawable(-0000);
    		ppwin.setBackgroundDrawable(cd);
    		ppwin.setOutsideTouchable(true);
    		ppwin.setTouchable(true);
    		ppwin.setFocusable(true);
    		ppwin.setTouchInterceptor(new View.OnTouchListener()
    		{
    			
    			@Override
    			public boolean onTouch(View v, MotionEvent event)
    			{
    				//如果点击了popwindow之外的地方
    				if(event.getAction() == MotionEvent.ACTION_OUTSIDE)
    				{
    					ppwin.dismiss();
    					return true;
    				}
    				return false;
    			}
    		});
    	}
    	
    	//工程名列表视图点选事件
    	private AdapterView.OnItemClickListener pronameItemClick = new AdapterView.OnItemClickListener()
    	{
    
    		@Override
    		public void onItemClick(AdapterView<?> parent, View view, int position, long id)
    		{
    			PopupAdapter.ViewHoler holder = (PopupAdapter.ViewHoler)view.getTag();
    			project.setText(holder.getTxtView().getText());
    			popupWinDismiss();
    		}
    		
    	};
    	
    	/**
    	 * @description 关闭popupwindow
    	 *
    	 */
    	public void popupWinDismiss()
    	{
    		ppwin.dismiss();
    	}
    	
    	/**
    	 * @description 显示项目名称的popupwindow
    	 *
    	 */
    	private void popwindowShowing()
    	{
    		ppwin.showAsDropDown(project);
    	}

    [/list]
    • 大小: 52.3 KB
    分享到:
    评论

    相关推荐

      Android 自定义可编辑下拉框

      "Android 自定义可编辑下拉框"是一个常见的需求,特别是在创建表单或者需要用户输入并选择特定值时。本教程将深入探讨如何实现这样一个功能,并提供已优化的代码和界面设计。 首先,我们来理解下拉框(Spinner)的...

      Android实现仿QQ登录可编辑下拉框源代码

      在Android中,我们可以使用`EditText`作为输入框,结合`Spinner`或`AutoCompleteTextView`来实现下拉选择的效果。`EditText`用于用户输入账号,而`Spinner`或`AutoCompleteTextView`则可以提供历史记录或推荐账号的...

      combox实现的可编辑下拉框

      在网页设计和开发中,`ComboBox`(组合框或下拉列表框)是一种常见的用户界面元素,它结合了文本输入框和下拉选择列表的功能。本文将深入探讨如何使用JavaScript实现一个可编辑的下拉框,并阐述其核心知识点。 ### ...

      像QQ登录时的下拉列表

      ### Android 实现仿QQ登录可编辑下拉菜单 #### 背景介绍 在移动应用开发领域,用户体验一直是开发者关注的重点之一。对于Android平台而言,虽然内置了许多UI组件供开发者直接使用,但在某些场景下,这些组件的效果...

      一个下拉选择,还可以在选择后进行编辑的控件

      这种控件通常被称为可编辑的下拉选择框或SpinnerView,尤其适用于需要用户从预设选项中选择并可能需要自定义输入的场景。 首先,我们要理解下拉选择(Dropdown)的基本概念。在网页和移动应用设计中,下拉选择是一...

      Android实现仿QQ登录可编辑下拉框

      在Android开发中,创建一个仿QQ登录的可编辑下拉框是一种常见的需求,它结合了EditText的文本输入功能和Spinner的下拉选择功能,同时提供了更友好的用户交互体验。本示例将通过使用EdiText、PopupWindow、ListView和...

      Android 弹出框风格的dialog登录界面.rar

      从主文件中的一些定义,你可看到此登录框所涉及的一些android内容:  private LinearLayout mLoginLinearLayout; // 登录内容的容器  private LinearLayout mUserIdLinearLayout; // 将下拉弹出窗口在此容器下方...

      Android自动编辑文本框(AutoCompleteTextView)使用方法详解

      自动编辑文本框(AutoCompleteTextView)继承自EditText,能够接受用户的输入编辑,但是有这自己的特色功能:输入一定的字符以后会弹出下拉列表提示供用户选择,用户选择之后会自动填充文本框。这项功能正如浏览器的...

      android开发笔记总结

      #### 下拉列表框:Spinner - **用途**:实现下拉列表功能。 - **配置方式**: - **方式一**:通过资源文件配置列表项。 - 定义一个`string-array`类型的资源文件,例如`&lt;string-array name="city_labels"&gt;`。 - ...

      Android开发实战经典.pdf

      9. Spinner组件:用于创建下拉列表框,可以配合资源文件中的来配置列表项。比如定义一个values\city_data.xml文件,通过元素指定城市标签。 在学习和应用Android开发时,开发者需要熟悉各种组件的用途和属性,理解...

      Android使用PullToRefresh完成ListView下拉刷新和左滑删除功能

      在Android开发中,ListView是常用的数据展示控件,而下拉刷新和左滑删除功能则大大提升了用户体验。本文将介绍如何使用PullToRefresh库来实现这两个功能。 首先,PullToRefresh是一个非完整的开源库,作者对原库...

      Android ListView下拉刷新 Demo.zip

      例如,我们使用了Android Studio作为开发工具,它提供了一系列的功能和工具,如代码编辑器、调试器和模拟器,使得开发人员可以快速开发和测试安卓应用。我们还使用了Java作为主要的编程语言,它是安卓应用开发的主流...

      可编辑 下拉框

      可编辑下拉框,也称为组合框(ComboBox)或下拉文本框(Dropdown Textbox),是GUI设计中的一个重要组件。它由两部分组成:一部分是固定的下拉列表,包含预设选项;另一部分是可编辑的文本框,用户可以在此输入...

      android 基本控件使用

      2. **EditText**:EditText是可编辑的文本视图,用户可以在其中输入和编辑文本。它通常用于收集用户输入。可以通过`android:hint`属性提供输入提示,`android:inputType`定义输入类型(如文本、数字、密码等)。 3....

      Android课程设计完整版资料.ppt

      在Android应用开发中,课程设计通常涉及各种UI组件的使用,包括按钮、编辑框、单选钮和下拉列表框。这些组件是构建用户界面的关键元素,提供了与用户交互的基本功能。 首先,按钮组件(Button)是人机交互中最常用...

      Android实例开发完全手册

      ### Android实例开发完全手册知识点概览 ...- **2.16 在屏幕中显示下拉列表框** - **实例说明:** 添加一个可展开的选择列表。 - **具体实现:** 使用Spinner组件。 - **特别提醒:** 自定义下拉列表的显示方式。

      下拉输入框

      一个下拉输入框通常由两部分组成:一个可编辑的文本框和一个隐藏的下拉菜单。用户在文本框中输入或显示已选中的选项,点击后会展开下拉菜单供用户选择。下拉菜单通常包含多个选项,这些选项可以是静态的,也可以动态...

      Android-AndroidStudio在线查看Android和Java指定版本源码插件

      1. 在代码编辑器中,选中你想查看源码的方法或类名,然后右键点击并选择“Navigate” -&gt; “Java Source”或“Android Source”。 2. 如果这是第一次使用,插件会提示你配置源码路径。你需要提供Android SDK的源码...

    Global site tag (gtag.js) - Google Analytics