Android 댓 글 기능 의 실현 과정

12204 단어 Android코 멘 트
현재 각종 앱 의 커 뮤 니 티 나 사용자 가 사진 을 찍 고 말 하 는 곳 은 모두 댓 글 기능 을 제공 하여 더욱 잘 공부 하기 위해 자신 이 이 기능 을 실현 하여 작은 데모 가 되 었 다.
먼저 실 용적 인 플러그 인 LayoutCreater 를 추천 합 니 다.개발 자가 레이아웃 코드 를 자동 으로 생 성 하 는 데 도움 을 줄 수 있 습 니 다.구체 적 인 용법 은 GiHub 에 가서 볼 수 있 습 니 다.
GitHub 주소:https://github.com/boredream/BorePlugin
1.안 드 로 이 드 프로젝트 를 새로 만 들 고 MainActivity 의 레이아웃 activity 를 씁 니 다.main.xml

<RelativeLayout
 xmlns:android="http://schemas.android.com/apk/res/android"
 android:layout_width="match_parent"
 android:layout_height="match_parent"
 android:background="@color/grey">

 <ListView
  android:id="@+id/comment_list"
  android:layout_width="match_parent"
  android:layout_height="match_parent"
  android:layout_marginTop="10dp"
  android:layout_marginBottom="50dp" />

 <LinearLayout
  android:id="@+id/rl_enroll"
  android:layout_width="match_parent"
  android:layout_height="50dp"
  android:orientation="horizontal"
  android:layout_alignParentBottom="true"
  android:background="@color/white">

  <ImageView
   android:id="@+id/comment"
   android:layout_width="32dp"
   android:layout_height="32dp"
   android:src="@drawable/comment"
   android:layout_weight="1"
   android:layout_gravity="center" />

  <ImageView
   android:id="@+id/chat"
   android:layout_width="23dp"
   android:layout_height="23dp"
   android:src="@drawable/chat"
   android:layout_weight="1"
   android:layout_gravity="center"/>
 </LinearLayout>

 <RelativeLayout
  android:id="@+id/rl_comment"
  android:layout_width="match_parent"
  android:layout_height="50dp"
  android:background="@color/white"
  android:visibility="gone"
  android:layout_alignParentBottom="true">

  <View
   android:layout_width="match_parent"
   android:layout_height="1dp"
   android:background="@color/grey" />

  <TextView
   android:id="@+id/hide_down"
   android:layout_width="wrap_content"
   android:layout_height="wrap_content"
   android:text="@string/hide_down"
   android:textSize="13sp"
   android:textColor="@color/txtgrey"
   android:drawableBottom="@drawable/hide_dowm"
   android:layout_alignParentLeft="true"
   android:layout_centerVertical="true"
   android:layout_marginLeft="10dp"/>
  <View
   android:layout_width="1dp"
   android:layout_height="match_parent"
   android:background="@color/grey"
   android:layout_toRightOf="@id/hide_down"
   android:layout_marginLeft="10dp"/>
  <EditText
   android:id="@+id/comment_content"
   android:hint="@string/comment_content"
   android:textSize="15sp"
   android:singleLine="true"
   android:layout_width="240dp"
   android:layout_height="match_parent"
   android:background="@null"
   android:layout_toRightOf="@id/hide_down"
   android:layout_marginLeft="20dp"/>

  <Button
   android:id="@+id/comment_send"
   android:layout_width="50dp"
   android:layout_height="35dp"
   android:layout_margin="5dp"
   android:text="@string/send"
   android:textSize="13sp"
   android:textColor="@color/white"
   android:background="@color/mainColor"
   android:layout_alignParentRight="true"
   android:layout_marginRight="10dp"
   android:layout_marginLeft="15dp"/>
 </RelativeLayout>
</RelativeLayout>
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)콘 텐 츠 어댑터 어댑터 Comment

public class AdapterComment extends BaseAdapter {

 Context context;
 List<Comment> data;

 public AdapterComment(Context c, List<Comment> 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)내용 의 아 이 템 레이아웃 itemcomment.xml

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
 android:orientation="horizontal"
 android:layout_width="match_parent"
 android:layout_height="match_parent">

 <TextView
  android:id="@+id/comment_name"
  android:layout_width="wrap_content"
  android:layout_height="wrap_content"
  android:textColor="@color/mainColor"
  android:textSize="15sp"
  android:layout_marginLeft="15dp"
  android:layout_marginRight="3dp"/>

 <TextView
  android:id="@+id/comment_content"
  android:layout_width="wrap_content"
  android:layout_height="wrap_content"
  android:textColor="@color/colorAccent"
  android:textSize="15sp" />

</LinearLayout>
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<Comment> 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.마지막 효과 도 는 다음 과 같다.
입력 상자 의 인터페이스 숨 기기

입력 상자 의 인터페이스 보이 기

이상 이 바로 본 고의 모든 내용 입 니 다.여러분 의 학습 에 도움 이 되 고 저 희 를 많이 응원 해 주 셨 으 면 좋 겠 습 니 다.
안 드 로 이 드 오류 해결:Intel HAXM 이 AVD 를 실행 해 야 합 니 다.
안 드 로 이 드 다 중 그림 업로드 후 그림 을 구 궁 격 으로 보 여 주 는 인 스 턴 스 코드

좋은 웹페이지 즐겨찾기

개발자 우수 사이트 수집

개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다
best100-homepage