카카오스토리처럼 listview만들기..

Question

안녕하세요 초보개발자입니다.

현재 카카오스토리처럼 자신이 쓴 글을 클릭하게되면..

자신이 작성한글과 그 밑에 댓글을 달수 있도록 개발중인데요..

댓글 ui를 코딩하다 막혓습니다..

카카오스토리는 Listview를 커스텀해서 사용한건가요??

 

이런식으로 구성되어잇잖아요??

댓글쪽을 통으로 listview로 해버리면 댓글쪽만 스크롤이 가능할것같아서.. 시도하지않았구요..

지금현제 저걸 통으로 listview로 사용해서 해봣는데..

그것도 댓글쪽에 그림부분이 나와서 세로 넓이가 넓어지네요..

뭘사용해야 하고..어떤식으로 코딩해야할까요.. 고수님 힌트좀주세요 ㅜㅜ

Answer 1

ListView 이용하시면 됩니다.

사진의 경우 ListView의 HeaderView로 넣으시고

댓글은 아답터를 통해서 리스트 뷰의 아이템으로 넣으시면 됩니다.

Comments

headerview를 사용하면 스크롤이 같이 되나요?
방금 검색해보니 스크롤은 댓글부분만 되는거 같은데.. 맞나요?

---

제가 카카오 스토리를 안해서 정확히 어떤 동작을 원하는지 모르겠지만
질문을 보고 제가 이해한 것은 사진과 댓글이 같이 스크롤 되어야 한다 입니다.

만약 사진은 그대로로 댓글만 스크롤이 되어야 한다면 댓글만 리스트뷰로 만드시면 됩니다.

사진과 댓글이 같이 스크롤되어야 한다면 제가 답변에 적었듯이 리스트뷰를 이용하되 사진은 리스트뷰의 Header로 넣으시면 됩니다.
ListView.addHeaderView 메소드를 이용하시면 됩니다.

---

아 정말감사합니다 ^^ 제가 원한 대답이엇어요!!

Answer 2

scrollview에 imageview 와 listview넣어서 할 수 있겠네요.

scrollview에 영역문제 발생되는데 최대한 높이를 주기 위해서 listview를 상속받고 onMeasure 재구현한 방법입니다.

 

public class ScrollListView extends ListView{

 

 public ScrollListView(Context context) {
  super(context);
  // TODO Auto-generated constructor stub
 }
 public ScrollListView(Context context, AttributeSet attrs) {
  super(context, attrs);
  // TODO Auto-generated constructor stub
 }
 public ScrollListView(Context context, AttributeSet attrs, int defStyle) {
  super(context, attrs, defStyle);
  // TODO Auto-generated constructor stub
 }
 @Override
 protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
  // TODO Auto-generated method stub
  int expandSpec = MeasureSpec.makeMeasureSpec(
                Integer.MAX_VALUE >> 2, MeasureSpec.AT_MOST);
  super.onMeasure(widthMeasureSpec, expandSpec);
 }

 

}

Answer 3

간단하게 다른분들 말씀처럼 스크롤뷰 안에 사진이 들어갈 웹뷰하나 밑에는 리스트뷰를 두고 댓글을 입력할때 마다 리스트를

한개씩 늘려가면 되겠네요. DB에 댓글들을 저장해 놓은후에 등록 버튼에 이벤트를 줄때마다 ONRESUME 시키면 될듯하네요

새로고침을 하려면 이벤트가 발생할때마다 DB를 다녀와야겠죠?^   _^* 여기서 하나더 카카오스토리 처럼 댓글에 사진도 넣어

주시고 싶다면 커스텀 리스트뷰를 이용해서 꾸미시면 될듯합니다.