총 게시물 34,378건, 최근 1 건
   
[안드로이드]

레이아웃좀 봐주세요ㅠ

글쓴이 : 타잔lll 날짜 : 2012-03-19 (월) 23:10 조회 : 2603
글주소 : http://www.androidside.com/B49/69655
 
  GS SHOP 레이아웃
레이아웃! 5~7%카드청구할인, 겨울신상, 단하루 베스트딜 초특가, 레이아웃.
www.gsshop.com/
  임베디드 시스템 마이크로비젼
임베디드 개발보드, 개발용역, IAR 컴파일러 총판, 에뮬레이터.
www.mvtool.co.kr
  SBS컴퓨터아트학원 김명준
취업전문학원, 국비지원학원, 2D3D, 컴퓨터디자인 전문, 2D3D
www.sbsartnet.co.kr
클릭초이스 등록


웹은 좀 개발해도 안드로이드는 이제 첨이라
xml 그리기가 좀 어렵네요 ㅠㅠ
 
이렇게 그렸는데 지멋대로네요...
 <LinearLayout
        android:id="@+id/LinearLayout04"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="@drawable/bg" 
        android:layout_marginTop='20px'
        android:gravity="left|center" >
          
    <TableLayout
       android:layout_width="wrap_content"
       android:layout_height="wrap_content"
       android:layout_marginLeft="5px"    
       android:background="@drawable/mainworkbook_bg"
       android:orientation="vertical" >
 
 
    <TableRow                   
        android:orientation="horizontal" >
   
        <ImageView
                android:id="@+id/ImageView03"
                android:gravity="center"
                android:layout_marginLeft="25px"
                android:layout_marginTop="30px"
                android:src="@drawable/pic"
                scaleType="fitXY" />
        <LinearLayout android:layout_marginTop="20px" android:orientation="vertical" android:layout_width="wrap_content" android:layout_height="wrap_content" android:id="@+id/LinearLayout05">
            <TextView android:layout_marginLeft="90px" android:id="@+id/workbooklist_TextView03" android:layout_width="100px" android:layout_height="wrap_content"></TextView>
            <TextView android:layout_marginLeft="90px" android:id="@+id/workbooklist_TextView04" android:layout_width="100px" android:layout_height="wrap_content"></TextView>
            <TextView android:layout_marginLeft="90px" android:id="@+id/workbooklist_TextView05" android:layout_width="100px" android:layout_height="wrap_content"></TextView>
            <TextView android:layout_marginLeft="90px" android:id="@+id/workbooklist_TextView06" android:layout_width="100px" android:layout_height="wrap_content"></TextView>
        </LinearLayout>  
     </TableRow>     
 </TableLayout>
    </LinearLayout>
 
 
 <!-- 나의 학습 진도-->
 <LinearLayout
     android:id="@+id/LinearLayout06"
     android:layout_width="wrap_content"
     android:layout_height="wrap_content"
     android:layout_marginLeft="5px"
     android:background="@drawable/mainstudy_bg"
     android:layout_marginTop="50px"
    >

  <ImageView
      android:id="@+id/ImageView05"
      android:layout_width="match_parent"
      android:layout_height="wrap_content"     
      android:src="@drawable/mainstudy_bg" />
    
 </LinearLayout> 
 
 <LinearLayout
     android:id="@+id/LinearLayout07"
     android:layout_width="wrap_content"
     android:layout_height="wrap_content"
     android:background="@drawable/iconbg"
     android:layout_marginTop="20px"   
     android:gravity="left|center" >
     <ImageButton
         android:id="@+id/ImageButton01"
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
         android:layout_marginLeft="5px"
         android:background="@drawable/start_bt"
         android:gravity="left" />
     <ImageButton
         android:id="@+id/ImageButton02"
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
         android:layout_marginLeft="10px"
         android:background="@drawable/bookmark_bt"
         android:gravity="left" />
     <ImageButton
         android:id="@+id/ImageButton03"
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
         android:layout_marginLeft="10px"
         android:background="@drawable/notice_bt" />
     <ImageButton
         android:id="@+id/ImageButton04"
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
         android:layout_marginLeft="10px"
         android:background="@drawable/my_bt" />
     <ImageButton
         android:id="@+id/ImageButton05"
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
         android:layout_marginLeft="10px"
         android:background="@drawable/setting_bt" />
 </LinearLayout>
</LinearLayout>
 
이렇게 그렸는데 텍스트 박스 위치가 잘 안맞네요 ..ㅠ
 
원 그리려는 거는 아래같이 나와야 하는데...

 
 
 
 





질문자가 자신의 포인트 50 점을 걸었습니다.
답변하시면 포인트 10을, 답변이 채택되면 포인트 40을 드립니다.

타잔lll 님의 개발 Q&A 최신글 [더보기]


질문답변 게시판에서 궁금한 사항을 해결하셨다면, 애써 답변해주신 분께 잘 되었다고 따뜻한 댓글 한마디 남겨주세요.
그리고 답변해주신 분의 글을 '추천' 해주세요.
추천받으신 분에게 1포인트가, 추천하신 분에게도 1포인트가 적립됩니다. ^^

라르크v 2012-03-20 (화) 09:24
레이아웃을 잘 못이해하고 계신것 같아요.
저 위에 그림에서 네모를 무조건 레이아웃이라고 생각하셔야되요.
밖에서 안으로 들어가야되는데 제일겉에 이미지뷰, 텍스트뷰를 감싸고 있는 두꺼운 선으로 된 네모 하나가
제일 겉에 그려질 레이아웃으로 생각하시면 되고
그 안에서 수평으로 배치가 되죠?
그럼 제일 겉에 작성한 레이아웃에 orientation=horizontal 해주시면되고
그담에 이미지뷰를 넣고
그리고 텍스트뷰만을 감싸고 있는 레이아웃을 하나 더 만들어서
이번엔 텍스트뷰가 수직으로 배치됐기 때문에 orientation=vertical 해주시면됩니다
그리고 그 레이아웃안에 텍스트뷰를 배치하면 되지요.
굳이 테이블레이아웃쓸필요 없이 리니어레이아웃만으로도 가능합니다
댓글주소 추천 추천 0 반대 반대 0
     
     
타잔lll 2012-03-20 (화) 10:43
감사합니다^^ 다시 공부해야 겠네요.. 안드로이는 기초부터 혼자하기 어렵네요.. 흠.. 감사합니다^^
댓글주소 추천 추천 0 반대 반대 0
          
          
안사지킴이 2012-03-20 (화) 10:43
축하드립니다. ;)
타잔lll님은 럭키라이팅에 당첨되어 1 포인트 지급되었습니다.
풋쳐핸졉 2012-03-20 (화) 09:29
님이 짜신거는 무시하고 짜보겠습니다
 
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
 android:orientation="horizontal"
 android:layout_width="match_parent"
 android:layout_height="match_parent" >
 <ImageView android:id="@+id/imageView01"
  android:layout_width="match_parent"
  android:layout_height="match_parent"
  android:layout_weight="1" />
 <LinearLayout
  android:orientation="vertical"
  android:layout_width="match_parent"
  android:layout_height="match_parent"
  android:layout_weight="1" >
  <!-- 텍스트뷰들 맨위에 있는건 뭘 보여주시려는 지 모르겠으니
                    그냥 View라고 하겠습니다 -->
  <View android:id="@+id/view1"
   android:layout_width="match_parent"
   android:layout_height="50dip" />
  <TextView
      android:id="@+id/textView01"
      android:layout_width="match_parent"
      android:layout_height="50dip" />
  <TextView android:id="@+id/textView02"
   android:layout_width="match_parent"
   android:layout_height="50dip" />
  <TextView android:id="@+id/textView03"
   android:layout_width="match_parent"
   android:layout_height="50dip" />
  <TextView android:id="@+id/textView04"
   android:layout_width="match_parent"
   android:layout_height="50dip" />
  <!-- 개인적으로 텍스트뷰들을 저렇게 나열해서 보여줘야하는 구조라면
   리스트뷰를 사용하는걸 추천해드리고 싶네요 주석처리해둡니다.
  <ListView android:id="@+id/listView
   android:layout_width="match_parent"
   android:layout_height="match_parent" />
                -->
 </LinearLayout>

</LinearLayout>
 
TextView 들의 height는 원하시는 사이즈만큼 조절해서 쓰시면 되고 위에 소스는
px로 짜셨는데 dip 라는 단위로 크기를 조절하시는걸 추천드립니다.
궁금하신 내용 있으시면 댓글로 남겨주세요
댓글주소 추천 추천 0 반대 반대 0
     
     
타잔lll 2012-03-20 (화) 11:00
자세한 설명 감사합니다^^  한가지 더 질문 하고싶은데요..
 
저 이미지 뷰 안에 작은 그림이 들어왔을때 그 그림 싸이즈와 상관없게 그냥 레이아웃에 크기를 맞추게 하고싶은데 어떻게 해야할까요?
댓글주소 추천 추천 0 반대 반대 0
          
          
풋쳐핸졉 2012-03-20 (화) 11:32
지금 이미지뷰 속성을 보시면
width="match_parent" height="match_parent" weight="1"로 되어있는데 저렇게 해놓으면
이미지 크기와 관계없이 절반을 차지하고 있을거예요
 
다만 이미지 크기가 작으면 조그맣게 보여지고 나머지 부분은 검은색으로 채워지겠죠
이미지 크기를 절반을 꽉채워서 보여지고 싶으시면 이미지를 background로 주시거나
아니면 scaleType의 fitXY 등의 옵션으로 적절하게 조절하시거나
gravity를 이용해서 원래 사이즈로 보여지되 가운데 정렬하는식으로 표현할 수 있겠네요
댓글주소 추천 추천 0 반대 반대 0
   

 


Copyright ⓒ www.androidside.com. All rights reserved.
2014-11-15 ~ 2014-11-22
입장 최소 활동 포인트: 150 (미확정)
로그인해야 합니다.
공개 채팅: 평일 !(9시 ~ 17시),토,일
포인트 정책 보러가기
챗방 숨기기 |  챗방 보이기