類似5.x朋友圈的彈出框評論功能,5.x評論功能
實現對一個主題評論並顯示評論列表,首先想到的是需要使用ListView控制項,
下面是layout下的xml布局檔案:
<?xml version="1.0" encoding="utf-8"?><RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" android:background="@drawable/list_selector" android:orientation="horizontal" android:padding="5dip" > <LinearLayout android:id="@+id/thumbnail" android:layout_width="120dip" android:layout_height="120dip" android:layout_alignParentLeft="true" android:layout_marginRight="5dip" android:background="@drawable/image_bg" android:padding="1dip" > <ImageView android:id="@+id/group_image" android:layout_width="match_parent" android:layout_height="match_parent" android:scaleType="centerInside" android:src="@drawable/copyright" /> </LinearLayout> <TextView android:id="@+id/group_name" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignTop="@+id/thumbnail" android:layout_toRightOf="@+id/thumbnail" android:text="測試朋友圈評論功能" android:textColor="#040404" android:textSize="15sp" android:textStyle="bold" android:typeface="sans" /> <TextView android:id="@+id/group_content" android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_below="@+id/thumbnail" android:text="狗狗見到蟒,衝過去照頭上就舔" android:textAppearance="?android:attr/textAppearanceLarge" android:textColor="#343434" android:textSize="12sp" /> <ImageView android:id="@+id/group_discuss_popup" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignRight="@+id/group_content" android:layout_below="@+id/group_content" android:background="@drawable/coment_pressed" /> <TextView android:id="@+id/group_createtime" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignBottom="@+id/TextView09" android:layout_toLeftOf="@+id/group_discuss_popup" android:gravity="right" android:text="2014-08-24 15:45" android:textColor="#10bcc9" android:textSize="12sp" android:textStyle="bold" /> <RelativeLayout android:id="@+id/rl_bottom" android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_alignParentBottom="true" > <Button android:id="@+id/group_discuss_submit" android:layout_width="60dp" android:layout_height="40dp" android:layout_alignParentRight="true" android:layout_centerVertical="true" android:layout_marginRight="10dp" android:background="@drawable/chat_send_button_bg" android:onClick="discussSubmit" android:text="發送" android:textSize="20sp" /> <EditText android:id="@+id/group_discuss" android:layout_width="fill_parent" android:layout_height="40dp" android:layout_centerVertical="true" android:layout_marginLeft="10dp" android:layout_marginRight="10dp" android:layout_toLeftOf="@id/group_discuss_submit" android:hint="評論" android:singleLine="true" android:textSize="18sp" > <requestFocus /> </EditText> </RelativeLayout> <ListView android:id="@+id/group_discuss_list" android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_alignParentRight="true" android:layout_below="@+id/group_discuss_popup" android:layout_marginTop="14dp" android:divider="#b5b5b5" android:dividerHeight="1dp" android:listSelector="@drawable/list_selector" /> <TextView android:id="@+id/TextView09" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignBottom="@+id/thumbnail" android:layout_marginBottom="40dp" android:layout_toRightOf="@+id/thumbnail" android:text="時間:" android:textColor="#040404" android:textSize="12sp" android:textStyle="bold" android:typeface="sans" /></RelativeLayout>
然後在Activity類的onCreate方法裡,擷取ListView的執行個體,並對每一個item增加監聽器
//為防止layout介面上的EditText在進入頁面時就彈出IME,隱藏軟鍵盤 getWindow().setSoftInputMode(WindowManager.LayoutParams.SOFT_INPUT_STATE_ALWAYS_HIDDEN); listView = (ListView)findViewById(R.id.group_discuss_list); this.discussOnItemClickListener();
每一個item增加監聽器的方法discussOnItemClickListener()
/** * 評論列表被單擊後的事件監聽 */ private void discussOnItemClickListener() { //為評論的每一行添加單擊事件 listView.setOnItemClickListener(new OnItemClickListener() { @Override public void onItemClick(AdapterView<?> parent, View view,int position, long id) { //獲得父貼的發帖人 Map<String, String> posMap = discussList.get(position); //設定pusername pname = posMap.get("username"); //取得填寫評論editText的執行個體 EditText disInputText = (EditText)findViewById(R.id.group_discuss); disInputText.setHint("回複" + pname); disInputText.requestFocus(); } }); }
接下來重點說說單擊評論表徵圖之後的彈出框,同樣在Activity類的onCreate方法中,給評論表徵圖增加onclick監聽器,然後增加兩個彈出項贊,評論,並且給這兩個item增加監聽,代碼如下:
groupPopup = (ImageView) findViewById(R.id.group_discuss_popup); groupPopup.setOnClickListener(titlePopupOnclick); titlePopup = new TitlePopup(this, Utils.dip2px(this, 165), Utils.dip2px(this, 40)); titlePopup.addAction(new ActionItem(this, "贊", R.drawable.circle_praise)); titlePopup.addAction(new ActionItem(this, "評論",R.drawable.circle_comment)); titlePopup.setItemOnClickListener(this);
監聽的方法實現
/** * 單擊評論按鈕,快顯功能表的item click 監聽 */ @Override public void onItemClick(ActionItem actionItem,int position) { //position,0-贊;1-評論 switch(position){ case 0://贊 break; case 1://評論 EditText disInputText = (EditText)findViewById(R.id.group_discuss); disInputText.requestFocus(); break; default: break; } }
很簡單,就是當單擊item裡的評論時,請求EditText輸入框的焦點,調出IME.
最後我們來說說添加評論功能,demo只是類比添加了一些評論,真實環境下顯然首先需要向服務端提交資料,然後從服務端請求評論列表.demo中只是在Activity類裡維護一個全域List簡單代替.然後使用一個BaseAdapter的實作類別,實現其getView方法來顯示出來.
Map<String, String> map = new HashMap<String, String>(); //給map設定要顯示的值 map.put("distime", DateUtils.formaterDate2YMDHm(new Date(System.currentTimeMillis()))); map.put("content", content); //設定父貼的發帖人資訊 map.put("puid", puid + ""); map.put("pname", pname); //設定自己的資訊 map.put("uid", uid + ""); map.put("username", username); discussList.add(map); ListLazyAdapter adapter = new ListLazyAdapter(this, discussList); listView.setAdapter(adapter); //設定adapter
基本上就以上三部分主要功能,可以實現一個簡單的單擊顯示彈出框之後的評論功能.
如下:
本文樣本原始碼:
http://download.csdn.net/detail/gaolu/7963061
朋友圈 進連結後退不出,一直彈出對話方塊,要你說什“我愛你”之類的,你不填就一直彈出新的對話方塊
整蠱專家,上可以搜一下。應該沒有病毒。
我給一個人發是不是也是別個自己上了才知道?還是別個手機會彈出對話方塊你有新?
是可以後台啟動並執行,只要你不退出,就可以接收新的訊息,退出了就不可以了,只有上了才可以顯示,謝謝