当前位置: 代码迷 >> Android >> weiyi通讯录(3)仿微信下拉列表和android样式
  详细解决方案

weiyi通讯录(3)仿微信下拉列表和android样式

热度:105   发布时间:2016-04-28 03:27:24.0
weiyi通讯录(三)仿微信下拉列表和android样式

这几天一直在找工作 就没有更新了 ,我还更新一点东西把,之前说过这个通讯录是仿微信的 所以今天介绍下拉列表的效果 

分享的是类似的代码 基本跟我的是一样。如果需要的联系人我把 或者加入我的交流群吧

-----------欢迎加入交流群 386451316 有问题一起讨论吧

代码下载:http://download.csdn.net/detail/u010982856/8232867

这里介绍两中方法  由于手机问题  不知道什么原因手机不能用 PopupWindow 方式 所以我使用的是activity的方式  很简单

先介绍activity 方式吧

方式一:

先说布局把


<?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:background="#fcfcfc"    android:orientation="vertical" >    <RelativeLayout        android:id="@+id/title"        android:layout_width="fill_parent"        android:layout_height="45dp"        android:background="@drawable/title_bar"        android:gravity="center_vertical" >      <ImageButton            android:id="@+id/title_btn"            android:layout_width="67dp"            android:layout_height="wrap_content"            android:layout_alignParentLeft="true"            android:layout_centerVertical="true"            android:layout_marginLeft="5dp"            android:background="@drawable/title_button"            android:onClick="btnmainright"            android:src="@drawable/title_btn_function" >                </ImageButton>        <TextView            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:layout_centerInParent="true"            android:text="微信"            android:textColor="#ffffff"            android:textSize="20sp" />        <ImageButton            android:id="@+id/title_btn"            android:layout_width="67dp"            android:layout_height="wrap_content"            android:layout_alignParentRight="true"            android:layout_centerVertical="true"            android:layout_marginRight="5dp"            android:background="@drawable/title_button"            android:onClick="btnmainright"            android:src="@drawable/title_btn_function" />    </RelativeLayout></LinearLayout>


<?xml version="1.0" encoding="UTF-8"?><RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"    android:layout_width="fill_parent"    android:layout_height="fill_parent" >    <RelativeLayout        android:layout_width="fill_parent"        android:layout_height="fill_parent"        android:layout_marginTop="50dp" >        <LinearLayout            android:id="@+id/main_dialog_layout"            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:layout_alignParentRight="true"            android:layout_alignParentTop="true"            android:background="@drawable/title_function_bg"            android:orientation="vertical" >            <LinearLayout                android:id="@+id/llayout01"                android:layout_width="fill_parent"                android:layout_height="wrap_content"                android:layout_marginLeft="5dp"                android:layout_marginRight="5dp"                android:layout_marginTop="5dp"                android:background="@drawable/title_list_selector"                android:gravity="center_horizontal" >                <TextView                    android:layout_width="wrap_content"                    android:layout_height="wrap_content"                    android:layout_gravity="center_horizontal"                    android:padding="8dp"                    android:text="发起聊天"                    android:textColor="#fff"                    android:textSize="16sp" />            </LinearLayout>            <ImageView                android:id="@+id/imageView5"                android:layout_width="wrap_content"                android:layout_height="wrap_content"                android:src="@drawable/mm_title_functionframe_line" />            <LinearLayout                android:id="@+id/llayout02"                android:layout_width="fill_parent"                android:layout_height="wrap_content"                android:layout_marginLeft="5dp"                android:layout_marginRight="5dp"                android:background="@drawable/title_list_selector" >                <ImageView                    android:id="@+id/imageView2"                    android:layout_width="wrap_content"                    android:layout_height="wrap_content"                    android:layout_gravity="center_vertical"                    android:layout_marginLeft="8dp"                    android:src="@drawable/mm_title_btn_receiver_normal" />                <TextView                    android:layout_width="wrap_content"                    android:layout_height="wrap_content"                    android:padding="8dp"                    android:text="听筒模式"                    android:textColor="#fff"                    android:textSize="16sp" />            </LinearLayout>            <ImageView                android:id="@+id/imageView5"                android:layout_width="wrap_content"                android:layout_height="wrap_content"                android:src="@drawable/mm_title_functionframe_line" />            <LinearLayout                android:id="@+id/llayout03"                android:layout_width="fill_parent"                android:layout_height="wrap_content"                android:layout_marginLeft="5dp"                android:layout_marginRight="5dp"                android:background="@drawable/title_list_selector" >                <ImageView                    android:id="@+id/imageView3"                    android:layout_width="wrap_content"                    android:layout_height="wrap_content"                    android:layout_gravity="center_vertical"                    android:layout_marginLeft="8dp"                    android:src="@drawable/mm_title_btn_keyboard_normal" />                <TextView                    android:layout_width="wrap_content"                    android:layout_height="wrap_content"                    android:padding="8dp"                    android:text="登录网页"                    android:textColor="#fff"                    android:textSize="16sp" />            </LinearLayout>            <ImageView                android:id="@+id/imageView5"                android:layout_width="wrap_content"                android:layout_height="wrap_content"                android:src="@drawable/mm_title_functionframe_line" />            <LinearLayout                android:id="@+id/llayout04"                android:layout_width="fill_parent"                android:layout_height="wrap_content"                android:layout_marginBottom="3dp"                android:layout_marginLeft="5dp"                android:layout_marginRight="5dp"                android:background="@drawable/title_list_selector" >                <ImageView                    android:id="@+id/imageView4"                    android:layout_width="wrap_content"                    android:layout_height="wrap_content"                    android:layout_gravity="center_vertical"                    android:layout_marginLeft="8dp"                    android:src="@drawable/mm_title_btn_qrcode_normal" />                <TextView                    android:layout_width="wrap_content"                    android:layout_height="wrap_content"                    android:padding="13dp"                    android:text="扫一扫"                    android:textColor="#fff"                    android:textSize="16sp" />            </LinearLayout>        </LinearLayout>    </RelativeLayout></RelativeLayout>

布局就这样了

接下来说Java代码了

import android.app.Activity;import android.os.Bundle;import android.view.MotionEvent;import android.view.View;import android.view.View.OnClickListener;import android.widget.LinearLayout;/** * 	功能描述:弹出Activity界面 * @author Striver_zw *   Date  2014-12-9 */public class DialogActivity extends Activity implements OnClickListener{	private LinearLayout layout01,layout02,layout03,layout04;		@Override	protected void onCreate(Bundle savedInstanceState) {		super.onCreate(savedInstanceState);		setContentView(R.layout.activity_dialog);		initView();	}	/**	 * 初始化组件	 */	private void initView(){		//得到布局组件对象并设置监听事件		layout01 = (LinearLayout)findViewById(R.id.llayout01);		layout02 = (LinearLayout)findViewById(R.id.llayout02);		layout03 = (LinearLayout)findViewById(R.id.llayout03);		layout04 = (LinearLayout)findViewById(R.id.llayout04);		layout01.setOnClickListener(this);		layout02.setOnClickListener(this);		layout03.setOnClickListener(this);		layout04.setOnClickListener(this);	}		@Override	public boolean onTouchEvent(MotionEvent event){		finish();		return true;	}		@Override	public void onClick(View v) {			}}

还有注意的是 使用activity 要用到样式

在 AndroidManifest.xml文件中 配置

   <activity android:name="com.zw.weiyi.avtivity.DialogActivity"             android:theme="@android:style/Theme.Translucent.NoTitleBar.Fullscreen" />

方式二:


<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"    android:layout_width="wrap_content"    android:layout_height="wrap_content"    android:background="@drawable/title_function_bg"    android:orientation="vertical" >    <ListView        android:id="@+id/title_list"        android:layout_width="120dp"        android:layout_height="fill_parent"        android:cacheColorHint="#00000000"        android:divider="@drawable/mm_title_functionframe_line"        android:listSelector="@drawable/title_list_selector"        android:padding="3dp"        android:scrollingCache="false" /></LinearLayout>

主要的还是代码,由于没使用这种方式  我也是找的别人写的了解的

import java.util.ArrayList;import android.content.Context;import android.graphics.Rect;import android.graphics.drawable.BitmapDrawable;import android.view.Gravity;import android.view.LayoutInflater;import android.view.View;import android.view.ViewGroup;import android.view.ViewGroup.LayoutParams;import android.widget.AdapterView;import android.widget.AdapterView.OnItemClickListener;import android.widget.BaseAdapter;import android.widget.ListView;import android.widget.PopupWindow;import android.widget.TextView;/** *	功能描述:标题按钮上的弹窗(继承自PopupWindow) */public class TitlePopup extends PopupWindow {	private Context mContext;	//列表弹窗的间隔	protected final int LIST_PADDING = 10;		//实例化一个矩形	private Rect mRect = new Rect();		//坐标的位置(x、y)	private final int[] mLocation = new int[2];		//屏幕的宽度和高度	private int mScreenWidth,mScreenHeight;	//判断是否需要添加或更新列表子类项	private boolean mIsDirty;		//位置不在中心	private int popupGravity = Gravity.NO_GRAVITY;			//弹窗子类项选中时的监听	private OnItemOnClickListener mItemOnClickListener;		//定义列表对象	private ListView mListView;		//定义弹窗子类项列表	private ArrayList<ActionItem> mActionItems = new ArrayList<ActionItem>();					public TitlePopup(Context context){		//设置布局的参数		this(context, LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT);	}		public TitlePopup(Context context, int width, int height){		this.mContext = context;				//设置可以获得焦点		setFocusable(true);		//设置弹窗内可点击		setTouchable(true);			//设置弹窗外可点击		setOutsideTouchable(true);				//获得屏幕的宽度和高度		mScreenWidth = Util.getScreenWidth(mContext);		mScreenHeight = Util.getScreenHeight(mContext);				//设置弹窗的宽度和高度		setWidth(width);		setHeight(height);				setBackgroundDrawable(new BitmapDrawable());				//设置弹窗的布局界面		setContentView(LayoutInflater.from(mContext).inflate(R.layout.title_popup, null));				initUI();	}			/**	 * 初始化弹窗列表	 */	private void initUI(){		mListView = (ListView) getContentView().findViewById(R.id.title_list);				mListView.setOnItemClickListener(new OnItemClickListener() {			@Override			public void onItemClick(AdapterView<?> arg0, View arg1, int index,long arg3) {				//点击子类项后,弹窗消失				dismiss();								if(mItemOnClickListener != null)					mItemOnClickListener.onItemClick(mActionItems.get(index), index);			}		}); 	}		/**	 * 显示弹窗列表界面	 */	public void show(View view){		//获得点击屏幕的位置坐标		view.getLocationOnScreen(mLocation);				//设置矩形的大小		mRect.set(mLocation[0], mLocation[1], mLocation[0] + view.getWidth(),mLocation[1] + view.getHeight());				//判断是否需要添加或更新列表子类项		if(mIsDirty){			populateActions();		}				//显示弹窗的位置		showAtLocation(view, popupGravity, mScreenWidth - LIST_PADDING - (getWidth()/2), mRect.bottom);	}		/**	 * 设置弹窗列表子项	 */	private void populateActions(){		mIsDirty = false;				//设置列表的适配器		mListView.setAdapter(new BaseAdapter() {						@Override			public View getView(int position, View convertView, ViewGroup parent) {				TextView textView = null;								if(convertView == null){					textView = new TextView(mContext);					textView.setTextColor(mContext.getResources().getColor(android.R.color.white));					textView.setTextSize(14);					//设置文本居中					textView.setGravity(Gravity.CENTER);					//设置文本域的范围					textView.setPadding(0, 10, 0, 10);					//设置文本在一行内显示(不换行)					textView.setSingleLine(true);				}else{					textView = (TextView) convertView;				}								ActionItem item = mActionItems.get(position);								//设置文本文字				textView.setText(item.mTitle);				//设置文字与图标的间隔				textView.setCompoundDrawablePadding(10);				//设置在文字的左边放一个图标                textView.setCompoundDrawablesWithIntrinsicBounds(item.mDrawable, null , null, null);				                return textView;			}						@Override			public long getItemId(int position) {				return position;			}						@Override			public Object getItem(int position) {				return mActionItems.get(position);			}						@Override			public int getCount() {				return mActionItems.size();			}		}) ;	}		/**	 * 添加子类项	 */	public void addAction(ActionItem action){		if(action != null){			mActionItems.add(action);			mIsDirty = true;		}	}		/**	 * 清除子类项	 */	public void cleanAction(){		if(mActionItems.isEmpty()){			mActionItems.clear();			mIsDirty = true;		}	}		/**	 * 根据位置得到子类项	 */	public ActionItem getAction(int position){		if(position < 0 || position > mActionItems.size())			return null;		return mActionItems.get(position);	}					/**	 * 设置监听事件	 */	public void setItemOnClickListener(OnItemOnClickListener onItemOnClickListener){		this.mItemOnClickListener = onItemOnClickListener;	}		/**	 * @author yangyu	 *	功能描述:弹窗子类项按钮监听事件	 */	public static interface OnItemOnClickListener{		public void onItemClick(ActionItem item , int position);	}}

工具类

import android.content.Context;import android.view.View;import android.view.inputmethod.InputMethodManager;/** *	功能描述:常量工具类 */public class Util {	/**	 * 得到设备屏幕的宽度	 */	public static int getScreenWidth(Context context) {		return context.getResources().getDisplayMetrics().widthPixels;	}	/**	 * 得到设备屏幕的高度	 */	public static int getScreenHeight(Context context) {		return context.getResources().getDisplayMetrics().heightPixels;	}	/**	 * 得到设备的密度	 */	public static float getScreenDensity(Context context) {		return context.getResources().getDisplayMetrics().density;	}	/**	 * 把密度转换为像素	 */	public static int dip2px(Context context, float px) {		final float scale = getScreenDensity(context);		return (int) (px * scale + 0.5);	}}
import android.content.Context;import android.graphics.drawable.Drawable;/** *	功能描述:弹窗内部子类项(绘制标题和图标) */public class ActionItem {	//定义图片对象	public Drawable mDrawable;	//定义文本对象	public CharSequence mTitle;		public ActionItem(Drawable drawable, CharSequence title){		this.mDrawable = drawable;		this.mTitle = title;	}		public ActionItem(Context context, int titleId, int drawableId){		this.mTitle = context.getResources().getText(titleId);		this.mDrawable = context.getResources().getDrawable(drawableId);	}		public ActionItem(Context context, CharSequence title, int drawableId) {		this.mTitle = title;		this.mDrawable = context.getResources().getDrawable(drawableId);	}}
以上就是两种方式

接下来说一些android中 样式把:

样式大全
android:theme="@android:style/Theme.Dialog"   将一个Activity显示为对话框模式
android:theme="@android:style/Theme.NoTitleBar"  不显示应用程序标题栏
android:theme="@android:style/Theme.NoTitleBar.Fullscreen"  不显示应用程序标题栏,并全屏
android:theme="@android:style/Theme.Light"  背景为白色
android:theme="@android:style/Theme.Light.NoTitleBar"  白色背景并无标题栏
android:theme="@android:style/Theme.Light.NoTitleBar.Fullscreen"  白色背景,无标题栏,全屏
android:theme="@android:style/Theme.Black"  背景黑色
android:theme="@android:style/Theme.Black.NoTitleBar"  黑色背景并无标题栏
android:theme="@android:style/Theme.Black.NoTitleBar.Fullscreen"    黑色背景,无标题栏,全屏
android:theme="@android:style/Theme.Wallpaper"  用系统桌面为应用程序背景
android:theme="@android:style/Theme.Wallpaper.NoTitleBar"  用系统桌面为应用程序背景,且无标题栏
android:theme="@android:style/Theme.Wallpaper.NoTitleBar.Fullscreen"  用系统桌面为应用程序背景,无标题栏,全屏
android:theme="@android:style/Translucent" 半透明效果
android:theme="@android:style/Theme.Translucent.NoTitleBar"  半透明并无标题栏
android:theme="@android:style/Theme.Translucent.NoTitleBar.Fullscreen"  半透明效果,无标题栏,全屏

  相关解决方案