Search This Blog

Monday, March 21, 2016

LISTVIEW - CUSTOM LISTVIEW

- Tạo file custom custom.xml :


<?xml version="1.0" encoding="UTF-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" 
android:shape="rectangle">

    <padding android:left="10dp"
 android:right="10dp" 
android:top="10dp" 
android:bottom="10dp"/>
    <solid android:color="#cecfcc"/>
</shape>



- Đưa vào layout - thêm dòng android:background="@drawable/custom" vào layout : 


<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"   
 android:layout_width="match_parent"    android:layout_height="match_parent"  
  android:background="@drawable/custom"

    >

  .........................................................................................
</LinearLayout>


- Đổ mảng vào ListView đã custom và Kết quả : 


- Thêm giao diện khác :
+ File custom.xml : 
<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item>
        <shape android:shape="rectangle">
            <stroke android:width="0.5dp"                android:color="#393737" />
            <solid android:color="#ffffff" />

            <padding  android:top="8dp"                android:bottom="8dp" />


        </shape>
    </item>
</layer-list>
+ File layout : 
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
  android:layout_width="match_parent"    
android:layout_height="match_parent"  
  android:background="@drawable/customborder"
    >

    <ImageView       
 android:layout_width="wrap_content"      
  android:layout_height="wrap_content"     
   android:id="@+id/imageViewDongMenu"    
    android:layout_alignParentTop="true"   
     android:layout_alignParentLeft="true"   
     android:layout_alignParentStart="true"       
 android:layout_marginLeft="20dp" />

    <TextView
        android:layout_width="match_parent"  
      android:layout_height="wrap_content"     
   android:textAppearance="?android:attr/textAppearanceMedium"     
   android:text="Large Text"      
  android:textSize="18dp"   
     android:textColor="#1d1515"     
   android:textStyle="bold"       
 android:id="@+id/textViewDongmenu"  
      android:layout_toRightOf="@+id/imageViewDongMenu"  
      android:layout_marginLeft="20dp"      
  android:layout_alignParentTop="true"      
  android:layout_alignParentRight="true"     
   android:layout_alignParentEnd="true"        
android:layout_alignBottom="@+id/imageViewDongMenu"   
     android:layout_marginTop="6dp" />
</LinearLayout>
+ Đổ vào ListView đã Custom Và kết quả là : 


No comments:

Post a Comment