Android教程網
  1. 首頁
  2. Android 技術
  3. Android 手機
  4. Android 系統教程
  5. Android 游戲
 Android教程網 >> Android技術 >> 關於Android編程 >> Android評論功能的實現

Android評論功能的實現

日期:2017/2/22 17:33:49      編輯:關於Android編程

目前,各種App的社區或者用戶曬照片、發說說的地方,都提供了評論功能,為了更好地學習,自己把這個功能實現了一下,做了個小的Demo。

首先推薦一款實用的插件LayoutCreater,可以幫助開發者自動生成布局代碼,具體用法可以去GiHub上看看:

GitHub地址:https://github.com/boredream/BorePlugin

附上這個Demo的源碼:https://github.com/yeaper/android_sample/tree/master/InputDemo

1、新建一個Android工程,寫MainActivity的布局 activity_main.xml



    

    

        

        
    

    

        

        
        
        

2、創建評論內容實體類、 內容適配器、內容的Item布局

 

1)內容實體類 Comment

 

public class Comment {

    String name; //評論者
    String content; //評論內容

    public Comment(){
        
    }

    public Comment(String name, String content){
        this.name = name;
        this.content = content;
    }

    public String getName() {
        return name;
    }

    public void setName(String name) {
        this.name = name;
    }

    public String getContent() {
        return content;
    }

    public void setContent(String content) {
        this.content = content;
    }
}

2)內容適配器 AdapterComment

 

public class AdapterComment extends BaseAdapter {

    Context context;
    List data;

    public AdapterComment(Context c, List data){
        this.context = c;
        this.data = data;
    }

    @Override
    public int getCount() {
        return data.size();
    }

    @Override
    public Object getItem(int i) {
        return data.get(i);
    }

    @Override
    public long getItemId(int i) {
        return i;
    }

    @Override
    public View getView(int i, View convertView, ViewGroup viewGroup) {
        ViewHolder holder;
        // 重用convertView
        if(convertView == null){
            holder = new ViewHolder();
            convertView = LayoutInflater.from(context).inflate(R.layout.item_comment, null);
            holder.comment_name = (TextView) convertView.findViewById(R.id.comment_name);
            holder.comment_content = (TextView) convertView.findViewById(R.id.comment_content);

            convertView.setTag(holder);
        }else{
            holder = (ViewHolder) convertView.getTag();
        }
        // 適配數據
        holder.comment_name.setText(data.get(i).getName());
        holder.comment_content.setText(data.get(i).getContent());

        return convertView;
    }

    /**
     * 添加一條評論,刷新列表
     * @param comment
     */
    public void addComment(Comment comment){
        data.add(comment);
        notifyDataSetChanged();
    }

    /**
     * 靜態類,便於GC回收
     */
    public static class ViewHolder{
        TextView comment_name;
        TextView comment_content;
    }
}


 

3)內容的Item布局 item_comment.xml

 



    

    


 

 


 

3、在MainActivity選中布局,然後菜單欄點擊 Code —> LayoutCreater,確定要生成的布局代碼後,點擊confirm完成

 

\

 

接下來再完善,具體的實現我已經在代碼中做了注釋,就不具體說了

public class MainActivity extends Activity implements View.OnClickListener {

    private ImageView comment;
    private TextView hide_down;
    private EditText comment_content;
    private Button comment_send;

    private LinearLayout rl_enroll;
    private RelativeLayout rl_comment;

    private ListView comment_list;
    private AdapterComment adapterComment;
    private List data;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        initView();
    }

    private void initView() {

        // 初始化評論列表
        comment_list = (ListView) findViewById(R.id.comment_list);
        // 初始化數據
        data = new ArrayList<>();
        // 初始化適配器
        adapterComment = new AdapterComment(getApplicationContext(), data);
        // 為評論列表設置適配器
        comment_list.setAdapter(adapterComment);

        comment = (ImageView) findViewById(R.id.comment);
        hide_down = (TextView) findViewById(R.id.hide_down);
        comment_content = (EditText) findViewById(R.id.comment_content);
        comment_send = (Button) findViewById(R.id.comment_send);

        rl_enroll = (LinearLayout) findViewById(R.id.rl_enroll);
        rl_comment = (RelativeLayout) findViewById(R.id.rl_comment);

        setListener();
    }

    /**
     * 設置監聽
     */
    public void setListener(){
        comment.setOnClickListener(this);

        hide_down.setOnClickListener(this);
        comment_send.setOnClickListener(this);
    }

    @Override
    public void onClick(View v) {
        switch (v.getId()) {
            case R.id.comment:
                // 彈出輸入法
                InputMethodManager imm = (InputMethodManager) getApplicationContext().getSystemService(Context.INPUT_METHOD_SERVICE);
                imm.toggleSoftInput(0, InputMethodManager.HIDE_NOT_ALWAYS);
                // 顯示評論框
                rl_enroll.setVisibility(View.GONE);
                rl_comment.setVisibility(View.VISIBLE);
                break;
            case R.id.hide_down:
                // 隱藏評論框
                rl_enroll.setVisibility(View.VISIBLE);
                rl_comment.setVisibility(View.GONE);
                // 隱藏輸入法,然後暫存當前輸入框的內容,方便下次使用
                InputMethodManager im = (InputMethodManager)getApplicationContext().getSystemService(Context.INPUT_METHOD_SERVICE);
                im.hideSoftInputFromWindow(comment_content.getWindowToken(), 0);
                break;
            case R.id.comment_send:
                sendComment();
                break;
            default:
                break;
        }
    }

    /**
     * 發送評論
     */
    public void sendComment(){
        if(comment_content.getText().toString().equals("")){
            Toast.makeText(getApplicationContext(), "評論不能為空!", Toast.LENGTH_SHORT).show();
        }else{
            // 生成評論數據
            Comment comment = new Comment();
            comment.setName("評論者"+(data.size()+1)+":");
            comment.setContent(comment_content.getText().toString());
            adapterComment.addComment(comment);
            // 發送完,清空輸入框
            comment_content.setText("");

            Toast.makeText(getApplicationContext(), "評論成功!", Toast.LENGTH_SHORT).show();
        }
    }
}


 

 

注意:

因為Android 手機類型比較雜,所以有的手機中會出現底部輸入框和輸入法重疊,如下圖,畫紅圈的這部分是沒有的:

 

\

 

當出現這個問題時,可以在Manifest.xml文件中,給對應的Activity添加一條屬性

 

android:windowSoftInputMode="stateHidden|adjustResize"

這樣,輸入法就可以自動調節,顯示畫紅圈的部分,底部輸入框和輸入法就不會重疊了。

 

 

4、最後的效果圖如下

 

隱藏輸入框的界面

\

 

顯示輸入框的界面

\

 

 

  1. 上一頁:
  2. 下一頁:
熱門文章
閱讀排行版
Copyright © Android教程網 All Rights Reserved