仿小米短信发送界面

我们先来看一下实现效果图

联系人输入框里有标签式的View,把不同的联系人分割开,要重写EditText吗?

其实不必的,时间久了,你就会发现,很多你看到的View并不是你想的那这样

我们可以用LinearLayout(其他也可以,看个人爱好)来做这个输入框,然后addView联系人标签,最后添加一个EditText

1、这是输入联系人布局

   <RelativeLayout
        android:id="@+id/relativeLayout1"
        android:layout_width="match_parent"
        android:layout_height="50dp"
        android:background="#333" >

        <ImageButton
            android:id="@+id/back"
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:background="@null"
            android:paddingLeft="8dp"
            android:paddingRight="8dp"
            android:src="@drawable/back"
            android:textColor="#f0f0f0" />

        <LinearLayout
            android:id="@+id/contacts_layout"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_marginBottom="5dp"
            android:layout_marginTop="5dp"
            android:layout_toLeftOf="@+id/contacts"
            android:layout_toRightOf="@+id/back"
            android:background="@drawable/circle"
            android:gravity="center_vertical"
            android:orientation="horizontal"
            android:weightSum="1" >

            <EditText
                android:id="@+id/contacts_input"
                android:layout_width="wrap_content"
                android:layout_height="match_parent"
                android:layout_marginLeft="5dp"
                android:background="@null"
                android:minWidth="10dp"
                android:singleLine="true" />
        </LinearLayout>

        <ImageButton
            android:id="@+id/contacts"
            style="?android:attr/buttonStyleSmall"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentRight="true"
            android:background="@null"
            android:src="@drawable/contacts" />
    </RelativeLayout>

2、这是添加联系人标签代码

	private void addContacts(String name) {
		mContactsLayout.addView(initContactsItemView(name),
				mContactsLayout.getChildCount() - 1);
	}
	private View initContactsItemView(String name) {
		final View view = LayoutInflater.from(this).inflate(R.layout.item_contacts,
				null);
		TextView textView = (TextView) view.findViewById(R.id.name);
		ImageButton button = (ImageButton)view.findViewById(R.id.delete);
		button.setOnClickListener(new OnClickListener() {
			
			@Override
			public void onClick(View v) {
				// TODO Auto-generated method stub
				mContactsLayout.removeView(view);
			}
		});
		textView.setText(name);
		return view;
	}


差不多就是这些了,具体看代码吧

NewMessage.rar





仿小米短信发送界面,,5-wow.com

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。