diff --git a/Autolayout.xcodeproj/project.pbxproj b/Autolayout.xcodeproj/project.pbxproj
index bbe364e..9480950 100644
--- a/Autolayout.xcodeproj/project.pbxproj
+++ b/Autolayout.xcodeproj/project.pbxproj
@@ -35,6 +35,8 @@
 		2D841CD31B6EFD6B00DF7AA4 /* UIImageView+WebCache.m in Sources */ = {isa = PBXBuildFile; fileRef = 2D841CBA1B6EFD6B00DF7AA4 /* UIImageView+WebCache.m */; };
 		2D841CD41B6EFD6B00DF7AA4 /* StyledPageControl.m in Sources */ = {isa = PBXBuildFile; fileRef = 2D841CBD1B6EFD6B00DF7AA4 /* StyledPageControl.m */; };
 		2D841CD71B6F514500DF7AA4 /* AFHTTPClient.swift in Sources */ = {isa = PBXBuildFile; fileRef = 2D841CD61B6F514500DF7AA4 /* AFHTTPClient.swift */; };
+		2D92008F1B744F3F00B90973 /* ClubHeaderView.swift in Sources */ = {isa = PBXBuildFile; fileRef = 2D92008E1B744F3F00B90973 /* ClubHeaderView.swift */; };
+		2D9200911B744F6100B90973 /* ClubHeaderView.xib in Resources */ = {isa = PBXBuildFile; fileRef = 2D9200901B744F6100B90973 /* ClubHeaderView.xib */; };
 		2DAD73981B72F717005F4A87 /* RACEXTRuntimeExtensions.m in Sources */ = {isa = PBXBuildFile; fileRef = 2DAD73951B72F717005F4A87 /* RACEXTRuntimeExtensions.m */; };
 		7B82000A1B66846B00B454BD /* HomeSearchBarView.xib in Resources */ = {isa = PBXBuildFile; fileRef = 7B8200091B66846B00B454BD /* HomeSearchBarView.xib */; };
 		7B82000C1B66847800B454BD /* HomeSearchBarView.swift in Sources */ = {isa = PBXBuildFile; fileRef = 7B82000B1B66847800B454BD /* HomeSearchBarView.swift */; };
@@ -101,6 +103,8 @@
 		2D841CD51B6EFD8F00DF7AA4 /* Autolayout-Prefix.pch */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = "Autolayout-Prefix.pch"; sourceTree = "<group>"; };
 		2D841CD61B6F514500DF7AA4 /* AFHTTPClient.swift */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.swift; path = AFHTTPClient.swift; sourceTree = "<group>"; };
 		2D8CB6461B6B0A820084E1C4 /* Autolayout-Bridging-Header.h */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.h; path = "Autolayout-Bridging-Header.h"; sourceTree = "<group>"; };
+		2D92008E1B744F3F00B90973 /* ClubHeaderView.swift */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.swift; path = ClubHeaderView.swift; sourceTree = "<group>"; };
+		2D9200901B744F6100B90973 /* ClubHeaderView.xib */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = file.xib; path = ClubHeaderView.xib; sourceTree = "<group>"; };
 		2DAD73931B72F717005F4A87 /* RACEXTKeyPathCoding.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RACEXTKeyPathCoding.h; sourceTree = "<group>"; };
 		2DAD73941B72F717005F4A87 /* RACEXTRuntimeExtensions.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RACEXTRuntimeExtensions.h; sourceTree = "<group>"; };
 		2DAD73951B72F717005F4A87 /* RACEXTRuntimeExtensions.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RACEXTRuntimeExtensions.m; sourceTree = "<group>"; };
@@ -299,6 +303,8 @@
 		7B90D2F41B739DB000E7CF39 /* View */ = {
 			isa = PBXGroup;
 			children = (
+				2D92008E1B744F3F00B90973 /* ClubHeaderView.swift */,
+				2D9200901B744F6100B90973 /* ClubHeaderView.xib */,
 			);
 			name = View;
 			sourceTree = "<group>";
@@ -427,6 +433,7 @@
 				7B8200151B66887F00B454BD /* Images.xcassets in Resources */,
 				7B82000A1B66846B00B454BD /* HomeSearchBarView.xib in Resources */,
 				2D6CCC4D1B6A13F9008B3CC4 /* HomeTableViewCell.xib in Resources */,
+				2D9200911B744F6100B90973 /* ClubHeaderView.xib in Resources */,
 				7BC03A931B63D0B00049DE32 /* LaunchScreen.xib in Resources */,
 				2D841CBF1B6EFD6B00DF7AA4 /* MBProgressHUD.bundle in Resources */,
 			);
@@ -477,6 +484,7 @@
 				2D841CCD1B6EFD6B00DF7AA4 /* SDWebImagePrefetcher.m in Sources */,
 				2D841CBE1B6EFD6B00DF7AA4 /* MBProgressHUD+Add.m in Sources */,
 				2D841CCB1B6EFD6B00DF7AA4 /* SDWebImageManager+MJ.m in Sources */,
+				2D92008F1B744F3F00B90973 /* ClubHeaderView.swift in Sources */,
 				2D6CCC4C1B6A13F9008B3CC4 /* HomeTableViewCell.swift in Sources */,
 				2D841CC21B6EFD6B00DF7AA4 /* NSTimer+Addition.m in Sources */,
 				7B90D2F11B739D0700E7CF39 /* ClubDetailViewController.swift in Sources */,
diff --git a/Autolayout/ClubHeaderView.swift b/Autolayout/ClubHeaderView.swift
new file mode 100644
index 0000000..4a71300
--- /dev/null
+++ b/Autolayout/ClubHeaderView.swift
@@ -0,0 +1,24 @@
+//
+//  ClubHeaderVeiw.swift
+//  Autolayout
+//
+//  Created by WangHui on 15/8/7.
+//  Copyright (c) 2015年 Wang.Hui. All rights reserved.
+//
+
+import UIKit
+
+class ClubHeaderView: UIView {
+
+    @IBOutlet weak var headerBtn: UIButton!
+    @IBOutlet weak var headerCollection: UICollectionView!
+    @IBOutlet weak var headerImageView: UIImageView!
+    /*
+    // Only override drawRect: if you perform custom drawing.
+    // An empty implementation adversely affects performance during animation.
+    override func drawRect(rect: CGRect) {
+        // Drawing code
+    }
+    */
+
+}
diff --git a/Autolayout/ClubHeaderView.xib b/Autolayout/ClubHeaderView.xib
new file mode 100644
index 0000000..4a98d6e
--- /dev/null
+++ b/Autolayout/ClubHeaderView.xib
@@ -0,0 +1,80 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<document type="com.apple.InterfaceBuilder3.CocoaTouch.XIB" version="3.0" toolsVersion="7706" systemVersion="14C109" targetRuntime="iOS.CocoaTouch" propertyAccessControl="none" useAutolayout="YES" useTraitCollections="YES">
+    <dependencies>
+        <plugIn identifier="com.apple.InterfaceBuilder.IBCocoaTouchPlugin" version="7703"/>
+    </dependencies>
+    <objects>
+        <placeholder placeholderIdentifier="IBFilesOwner" id="-1" userLabel="File's Owner"/>
+        <placeholder placeholderIdentifier="IBFirstResponder" id="-2" customClass="UIResponder"/>
+        <view contentMode="scaleToFill" id="iN0-l3-epB" customClass="ClubHeaderView" customModule="Autolayout" customModuleProvider="target">
+            <rect key="frame" x="0.0" y="0.0" width="600" height="224"/>
+            <autoresizingMask key="autoresizingMask" widthSizable="YES" heightSizable="YES"/>
+            <subviews>
+                <imageView userInteractionEnabled="NO" contentMode="scaleToFill" horizontalHuggingPriority="251" verticalHuggingPriority="251" translatesAutoresizingMaskIntoConstraints="NO" id="iw2-3r-WZv">
+                    <rect key="frame" x="0.0" y="0.0" width="600" height="180"/>
+                    <constraints>
+                        <constraint firstAttribute="height" constant="180" id="uxP-Wb-MgD"/>
+                    </constraints>
+                </imageView>
+                <collectionView clipsSubviews="YES" multipleTouchEnabled="YES" contentMode="scaleToFill" showsHorizontalScrollIndicator="NO" showsVerticalScrollIndicator="NO" indicatorStyle="white" dataMode="none" translatesAutoresizingMaskIntoConstraints="NO" id="IIR-Lf-CqX">
+                    <rect key="frame" x="10" y="180" width="460" height="44"/>
+                    <constraints>
+                        <constraint firstAttribute="height" constant="44" id="b50-Yb-dG1"/>
+                    </constraints>
+                    <collectionViewFlowLayout key="collectionViewLayout" scrollDirection="horizontal" minimumLineSpacing="8" minimumInteritemSpacing="8" id="w84-in-wn3">
+                        <size key="itemSize" width="44" height="44"/>
+                        <size key="headerReferenceSize" width="0.0" height="0.0"/>
+                        <size key="footerReferenceSize" width="0.0" height="0.0"/>
+                        <inset key="sectionInset" minX="0.0" minY="0.0" maxX="0.0" maxY="0.0"/>
+                    </collectionViewFlowLayout>
+                </collectionView>
+                <button opaque="NO" contentMode="scaleToFill" contentHorizontalAlignment="center" contentVerticalAlignment="center" buttonType="roundedRect" lineBreakMode="middleTruncation" translatesAutoresizingMaskIntoConstraints="NO" id="GAw-Lw-9lO">
+                    <rect key="frame" x="480" y="190" width="110" height="24"/>
+                    <constraints>
+                        <constraint firstAttribute="width" constant="110" id="xc4-mn-9JL"/>
+                    </constraints>
+                    <fontDescription key="fontDescription" type="system" pointSize="14"/>
+                    <state key="normal" title="999人加入" backgroundImage="俱乐部－多少人加入圈子－加入状态">
+                        <color key="titleColor" white="1" alpha="1" colorSpace="custom" customColorSpace="calibratedWhite"/>
+                        <color key="titleShadowColor" white="0.5" alpha="1" colorSpace="calibratedWhite"/>
+                    </state>
+                </button>
+            </subviews>
+            <color key="backgroundColor" white="1" alpha="1" colorSpace="custom" customColorSpace="calibratedWhite"/>
+            <constraints>
+                <constraint firstAttribute="trailing" secondItem="iw2-3r-WZv" secondAttribute="trailing" id="609-CE-rbP"/>
+                <constraint firstItem="GAw-Lw-9lO" firstAttribute="top" secondItem="iw2-3r-WZv" secondAttribute="bottom" constant="10" id="CHU-bZ-g7I"/>
+                <constraint firstItem="iw2-3r-WZv" firstAttribute="leading" secondItem="iN0-l3-epB" secondAttribute="leading" id="Hdd-7U-b6m"/>
+                <constraint firstAttribute="bottom" secondItem="IIR-Lf-CqX" secondAttribute="bottom" id="Jxs-g0-NaA"/>
+                <constraint firstItem="IIR-Lf-CqX" firstAttribute="top" secondItem="iw2-3r-WZv" secondAttribute="bottom" id="Pni-yY-Zds"/>
+                <constraint firstItem="IIR-Lf-CqX" firstAttribute="leading" secondItem="iN0-l3-epB" secondAttribute="leading" constant="10" id="aXA-nD-T5Q"/>
+                <constraint firstItem="GAw-Lw-9lO" firstAttribute="leading" secondItem="IIR-Lf-CqX" secondAttribute="trailing" constant="10" id="faY-Uf-Ff0"/>
+                <constraint firstItem="GAw-Lw-9lO" firstAttribute="leading" secondItem="IIR-Lf-CqX" secondAttribute="trailing" constant="10" id="gFM-Ib-dvT"/>
+                <constraint firstAttribute="trailing" secondItem="GAw-Lw-9lO" secondAttribute="trailing" constant="10" id="gqx-gO-B8p"/>
+                <constraint firstItem="IIR-Lf-CqX" firstAttribute="centerY" secondItem="GAw-Lw-9lO" secondAttribute="centerY" id="ltc-lx-M37"/>
+                <constraint firstItem="iw2-3r-WZv" firstAttribute="top" secondItem="iN0-l3-epB" secondAttribute="top" id="p3i-aF-a6c"/>
+                <constraint firstAttribute="bottom" secondItem="GAw-Lw-9lO" secondAttribute="bottom" constant="10" id="zUX-UE-hXy"/>
+            </constraints>
+            <freeformSimulatedSizeMetrics key="simulatedDestinationMetrics"/>
+            <connections>
+                <outlet property="headerBtn" destination="GAw-Lw-9lO" id="21b-Yz-Ky3"/>
+                <outlet property="headerCollection" destination="IIR-Lf-CqX" id="pov-NA-lfD"/>
+                <outlet property="headerImageView" destination="iw2-3r-WZv" id="9Oc-g0-1H8"/>
+            </connections>
+            <point key="canvasLocation" x="446" y="404"/>
+        </view>
+        <collectionViewCell opaque="NO" clipsSubviews="YES" multipleTouchEnabled="YES" contentMode="center" id="AmD-ne-82f">
+            <rect key="frame" x="0.0" y="0.0" width="50" height="50"/>
+            <autoresizingMask key="autoresizingMask" flexibleMaxX="YES" flexibleMaxY="YES"/>
+            <view key="contentView" opaque="NO" clipsSubviews="YES" multipleTouchEnabled="YES" contentMode="center">
+                <rect key="frame" x="0.0" y="0.0" width="50" height="50"/>
+                <autoresizingMask key="autoresizingMask"/>
+                <color key="backgroundColor" white="0.0" alpha="0.0" colorSpace="calibratedWhite"/>
+            </view>
+            <point key="canvasLocation" x="606" y="703"/>
+        </collectionViewCell>
+    </objects>
+    <resources>
+        <image name="俱乐部－多少人加入圈子－加入状态" width="114" height="36"/>
+    </resources>
+</document>