類似微信5.x朋友圈的彈出框評論功能,5.x評論功能

來源:互聯網
上載者:User

類似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


朋友圈 進連結後退不出,一直彈出對話方塊,要你說什“我愛你”之類的,你不填就一直彈出新的對話方塊

整蠱專家,上可以搜一下。應該沒有病毒。
 
我給一個人發是不是也是別個自己上了才知道?還是別個手機會彈出對話方塊你有新?

是可以後台啟動並執行,只要你不退出,就可以接收新的訊息,退出了就不可以了,只有上了才可以顯示,謝謝
 

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.