仿京東商城的更多介面的實現(一)

wjky2014發表於2013-11-22

               上完大學最後一堂課,照完班級畢業照,大學四年轉眼間就結束了,看著學弟學妹們開心快樂的上著課,自己是多羨慕那些有課上的孩子,大學我再也沒課上了...看著Android工作室的成員們想報名參加京東“宙斯杯”創新應用大賽!作為學長,我努力把大學四年學的東西儘量都教給你們,大學四年,曾抱怨過學校的不好,抱怨過學校不盡人意的地方,其實回頭想想學校是挺不錯的,作為即將成為程式設計師的我們,學校給我們的硬體已經不錯了,100多臺蘋果一體機,八九十臺ARM嵌入式開發板,開放的空調實驗室,每年免費的上網等等,回首大學四年,學校的免費資源用的太少,嘿嘿,有句話咋說來著,如果大學四年可以從來,我一定要怎麼怎麼樣....這個這個是不是有點俗,都這樣了,該走的人了,還是希望學弟學妹們好好學習專業知識,我們大一開始都有C、C++語言的基礎,現在想學習任何移動應用開發都是件很容易的事情。

學長給點建議希望能夠幫到你們,建議如下:

1.想學習Android開發,要好好學習老師教Java語言程式設計和Android開發程式設計。

2.想學習IOS開發發,要好好學習老師教Object—C語言程式設計和Iphone開發程式設計。

3.想學習Windows Phone開發,要好好學習老師教的C#語言程式設計和Windows Phone開發程式設計。

4.想學嵌入式程式開發(這個有點難,學長學了四年,還是學的馬馬虎虎,不過這個就業工資是最高),多在Linux系統下學習C、C++程式設計等等

               不多說了,好好學習,珍惜有課上的日子。

           大家都有Android開發的基礎,我就直接貼部分程式碼,詳細程式碼我會上傳到我的百度網盤中,供大家下載。

設定介面實現的效果如下


部分佈局如下:

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent" 
    android:background="@android:color/white">

    <include
        android:id="@+id/more_activity_title"
        layout="@layout/title" />

    <ScrollView
        android:id="@+id/more_activity_scrollview"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:layout_below="@+id/more_activity_title"
        android:fadeScrollbars="true"
        android:paddingBottom="7.0dip"
        android:paddingTop="7.0dip" >

        <LinearLayout
            android:id="@+id/more_activity_content"
            android:layout_width="fill_parent"
            android:layout_height="fill_parent"
            android:layout_gravity="center_horizontal"
            android:layout_marginLeft="7.0dip"
            android:layout_marginRight="7.0dip"
            android:background="@drawable/background_corners"
            android:orientation="vertical"
            android:padding="1.0dip" >

            <RelativeLayout
                android:id="@+id/menu_app_recommond"
                android:layout_width="fill_parent"
                android:layout_height="fill_parent"
                android:layout_weight="1.0"
                android:background="@drawable/more_acitivity_item_selector_top_corners"
                android:minHeight="50.0dip"
                android:paddingBottom="14.0dip"
                android:paddingLeft="14.0dip"
                android:paddingRight="12.0dip"
                android:paddingTop="14.0dip" >

                <ImageView
                    android:id="@+id/more_jd_app_recommond_icon"
                    android:layout_width="23.0dip"
                    android:layout_height="23.0dip"
                    android:layout_alignParentLeft="true"
                    android:layout_centerVertical="true"
                    android:src="@drawable/more_jd_app_recommend" />

                <TextView
                    android:id="@+id/more_jd_app_recommond_title"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_centerVertical="true"
                    android:layout_toRightOf="@+id/more_jd_app_recommond_icon"
                    android:ellipsize="end"
                    android:paddingLeft="15.0dip"
                    android:singleLine="true"
                    android:text="@string/more_jd_app_recommend"
                    android:textColor="@android:color/black"
                    android:textSize="16.0dip" />

                <ImageView
                    android:id="@+id/more_jd_app_recommond_arrow"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_alignParentRight="true"
                    android:layout_centerVertical="true"
                    android:src="@drawable/android_list_idex" />
            </RelativeLayout>

            <View
                android:id="@+id/more_divide_line_1"
                style="@style/line1" />

            <RelativeLayout
                android:id="@+id/menu_paper"
                android:layout_width="fill_parent"
                android:layout_height="fill_parent"
                android:layout_weight="1.0"
                android:background="@drawable/more_activity_item_selector_no_corners"
                android:minHeight="50.0dip"
                android:paddingBottom="14.0dip"
                android:paddingLeft="14.0dip"
                android:paddingRight="12.0dip"
                android:paddingTop="14.0dip"
                android:visibility="gone" >

                <ImageView
                    android:id="@+id/more_jd_paper_icon"
                    android:layout_width="23.0dip"
                    android:layout_height="23.0dip"
                    android:layout_alignParentLeft="true"
                    android:layout_centerVertical="true"
                    android:src="@drawable/more_jd_news" />

                <TextView
                    android:id="@+id/more_jd_paper_title"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_centerVertical="true"
                    android:layout_toRightOf="@+id/more_jd_paper_icon"
                    android:ellipsize="end"
                    android:paddingLeft="15.0dip"
                    android:singleLine="true"
                    android:text="@string/more_jd_paper"
                    android:textColor="@android:color/black"
                    android:textSize="16.0dip" />

                <ImageView
                    android:id="@+id/more_jd_paper_arrow"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_alignParentRight="true"
                    android:layout_centerVertical="true"
                    android:src="@drawable/android_list_idex" />
            </RelativeLayout>

            <View
                android:id="@+id/more_divide_line_2"
                style="@style/line1"
                android:visibility="gone" />

            <RelativeLayout
                android:id="@+id/menu_history"
                android:layout_width="fill_parent"
                android:layout_height="fill_parent"
                android:layout_weight="1.0"
                android:background="@drawable/more_activity_item_selector_no_corners"
                android:minHeight="50.0dip"
                android:paddingBottom="14.0dip"
                android:paddingLeft="14.0dip"
                android:paddingRight="12.0dip"
                android:paddingTop="14.0dip" >

                <ImageView
                    android:id="@+id/more_jd_history_icon"
                    android:layout_width="23.0dip"
                    android:layout_height="23.0dip"
                    android:layout_alignParentLeft="true"
                    android:layout_centerVertical="true"
                    android:src="@drawable/main_menu_history" />

                <TextView
                    android:id="@+id/more_jd_history_title"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_centerVertical="true"
                    android:layout_toRightOf="@+id/more_jd_history_icon"
                    android:ellipsize="end"
                    android:paddingLeft="15.0dip"
                    android:singleLine="true"
                    android:text="@string/more_jd_history"
                    android:textColor="@android:color/black"
                    android:textSize="16.0dip" />

                <ImageView
                    android:id="@+id/more_jd_history_arrow"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_alignParentRight="true"
                    android:layout_centerVertical="true"
                    android:src="@drawable/android_list_idex" />
            </RelativeLayout>

            <View
                android:id="@+id/more_divide_line_3"
                style="@style/line1" />

            <RelativeLayout
                android:id="@+id/menu_setup"
                android:layout_width="fill_parent"
                android:layout_height="fill_parent"
                android:layout_weight="1.0"
                android:background="@drawable/more_activity_item_selector_no_corners"
                android:minHeight="50.0dip"
                android:paddingBottom="14.0dip"
                android:paddingLeft="14.0dip"
                android:paddingRight="12.0dip"
                android:paddingTop="14.0dip" >

                <ImageView
                    android:id="@+id/more_jd_setting_icon"
                    android:layout_width="23.0dip"
                    android:layout_height="23.0dip"
                    android:layout_alignParentLeft="true"
                    android:layout_centerVertical="true"
                    android:src="@drawable/main_menu_setup" />

                <TextView
                    android:id="@+id/more_jd_setting_title"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_centerVertical="true"
                    android:layout_toRightOf="@+id/more_jd_setting_icon"
                    android:ellipsize="end"
                    android:paddingLeft="15.0dip"
                    android:singleLine="true"
                    android:text="@string/more_jd_setting"
                    android:textColor="@android:color/black"
                    android:textSize="16.0dip" />

                <ImageView
                    android:id="@+id/more_jd_setting_arrow"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_alignParentRight="true"
                    android:layout_centerVertical="true"
                    android:src="@drawable/android_list_idex" />
            </RelativeLayout>

            <View
                android:id="@+id/more_divide_line_4"
                style="@style/line1" />

            <RelativeLayout
                android:id="@+id/menu_host_setup"
                android:layout_width="fill_parent"
                android:layout_height="fill_parent"
                android:layout_weight="1.0"
                android:background="@drawable/more_activity_item_selector_no_corners"
                android:minHeight="50.0dip"
                android:paddingBottom="14.0dip"
                android:paddingLeft="14.0dip"
                android:paddingRight="12.0dip"
                android:paddingTop="14.0dip"
                android:visibility="gone" >

                <ImageView
                    android:id="@+id/more_jd_host_setting_icon"
                    android:layout_width="23.0dip"
                    android:layout_height="23.0dip"
                    android:layout_alignParentLeft="true"
                    android:layout_centerVertical="true"
                    android:src="@drawable/main_menu_setup" />

                <TextView
                    android:id="@+id/more_jd_host_setting_title"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_centerVertical="true"
                    android:layout_toRightOf="@+id/more_jd_host_setting_icon"
                    android:ellipsize="end"
                    android:paddingLeft="15.0dip"
                    android:singleLine="true"
                    android:text="伺服器設定"
                    android:textColor="@android:color/black"
                    android:textSize="16.0dip" />

                <ImageView
                    android:id="@+id/more_jd_host_setting_arrow"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_alignParentRight="true"
                    android:layout_centerVertical="true"
                    android:src="@drawable/android_list_idex" />
            </RelativeLayout>

            <View
                android:id="@+id/more_divide_line_9"
                style="@style/line1"
                android:visibility="gone" />

            <RelativeLayout
                android:id="@+id/menu_help"
                android:layout_width="fill_parent"
                android:layout_height="fill_parent"
                android:layout_weight="1.0"
                android:background="@drawable/more_activity_item_selector_no_corners"
                android:minHeight="50.0dip"
                android:paddingBottom="14.0dip"
                android:paddingLeft="14.0dip"
                android:paddingRight="12.0dip"
                android:paddingTop="14.0dip" >

                <ImageView
                    android:id="@+id/more_jd_help_icon"
                    android:layout_width="23.0dip"
                    android:layout_height="23.0dip"
                    android:layout_alignParentLeft="true"
                    android:layout_centerVertical="true"
                    android:src="@drawable/main_menu_help" />

                <TextView
                    android:id="@+id/more_jd_help_title"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_centerVertical="true"
                    android:layout_toRightOf="@+id/more_jd_help_icon"
                    android:ellipsize="end"
                    android:paddingLeft="15.0dip"
                    android:singleLine="true"
                    android:text="@string/more_jd_help"
                    android:textColor="@android:color/black"
                    android:textSize="16.0dip" />

                <ImageView
                    android:id="@+id/more_jd_help_arrow"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_alignParentRight="true"
                    android:layout_centerVertical="true"
                    android:src="@drawable/android_list_idex" />
            </RelativeLayout>

            <View
                android:id="@+id/more_divide_line_5"
                style="@style/line1" />

            <RelativeLayout
                android:id="@+id/menu_feedback"
                android:layout_width="fill_parent"
                android:layout_height="fill_parent"
                android:layout_weight="1.0"
                android:background="@drawable/more_activity_item_selector_no_corners"
                android:minHeight="50.0dip"
                android:paddingBottom="14.0dip"
                android:paddingLeft="14.0dip"
                android:paddingRight="12.0dip"
                android:paddingTop="14.0dip" >

                <ImageView
                    android:id="@+id/more_jd_feedback_icon"
                    android:layout_width="23.0dip"
                    android:layout_height="23.0dip"
                    android:layout_alignParentLeft="true"
                    android:layout_centerVertical="true"
                    android:src="@drawable/main_menu_feedback" />

                <TextView
                    android:id="@+id/more_jd_feedback_title"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_centerVertical="true"
                    android:layout_toRightOf="@+id/more_jd_feedback_icon"
                    android:ellipsize="end"
                    android:paddingLeft="15.0dip"
                    android:singleLine="true"
                    android:text="@string/more_jd_feedback"
                    android:textColor="@android:color/black"
                    android:textSize="16.0dip" />

                <ImageView
                    android:id="@+id/more_jd_feedback_arrow"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_alignParentRight="true"
                    android:layout_centerVertical="true"
                    android:src="@drawable/android_list_idex" />
            </RelativeLayout>

            <View
                android:id="@+id/more_divide_line_6"
                style="@style/line1" />

            <RelativeLayout
                android:id="@+id/menu_about"
                android:layout_width="fill_parent"
                android:layout_height="fill_parent"
                android:layout_weight="1.0"
                android:background="@drawable/more_activity_item_selector_no_corners"
                android:minHeight="50.0dip"
                android:paddingBottom="14.0dip"
                android:paddingLeft="14.0dip"
                android:paddingRight="12.0dip"
                android:paddingTop="14.0dip" >

                <ImageView
                    android:id="@+id/more_jd_about_icon"
                    android:layout_width="23.0dip"
                    android:layout_height="23.0dip"
                    android:layout_alignParentLeft="true"
                    android:layout_centerVertical="true"
                    android:src="@drawable/main_menu_about" />

                <TextView
                    android:id="@+id/more_jd_about_title"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_centerVertical="true"
                    android:layout_toRightOf="@+id/more_jd_about_icon"
                    android:ellipsize="end"
                    android:paddingLeft="15.0dip"
                    android:singleLine="true"
                    android:text="@string/more_jd_about"
                    android:textColor="@android:color/black"
                    android:textSize="16.0dip" />

                <ImageView
                    android:id="@+id/more_jd_about_arrow"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_alignParentRight="true"
                    android:layout_centerVertical="true"
                    android:src="@drawable/android_list_idex" />
            </RelativeLayout>

            <View
                android:id="@+id/more_divide_line_7"
                style="@style/line1" />

            <RelativeLayout
                android:id="@+id/menu_version"
                android:layout_width="fill_parent"
                android:layout_height="fill_parent"
                android:layout_weight="1.0"
                android:background="@drawable/more_activity_item_selector_no_corners"
                android:minHeight="50.0dip"
                android:paddingBottom="14.0dip"
                android:paddingLeft="14.0dip"
                android:paddingRight="12.0dip"
                android:paddingTop="14.0dip" >

                <ImageView
                    android:id="@+id/more_jd_version_icon"
                    android:layout_width="23.0dip"
                    android:layout_height="23.0dip"
                    android:layout_alignParentLeft="true"
                    android:layout_centerVertical="true"
                    android:src="@drawable/main_menu_check_version" />

                <TextView
                    android:id="@+id/more_jd_version_title"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_centerVertical="true"
                    android:layout_toRightOf="@+id/more_jd_version_icon"
                    android:ellipsize="end"
                    android:paddingLeft="15.0dip"
                    android:singleLine="true"
                    android:text="@string/more_jd_version"
                    android:textColor="@android:color/black"
                    android:textSize="16.0dip" />

                <ImageView
                    android:id="@+id/more_jd_version_arrow"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_alignParentRight="true"
                    android:layout_centerVertical="true"
                    android:src="@drawable/android_list_idex" />
            </RelativeLayout>

            <View
                android:id="@+id/more_divide_line_8"
                style="@style/line1" />

            <RelativeLayout
                android:id="@+id/menu_exit"
                android:layout_width="fill_parent"
                android:layout_height="fill_parent"
                android:layout_weight="1.0"
                android:background="@drawable/more_activity_item_selector_bottom_corners"
                android:minHeight="50.0dip"
                android:paddingBottom="14.0dip"
                android:paddingLeft="14.0dip"
                android:paddingRight="12.0dip"
                android:paddingTop="14.0dip" >

                <ImageView
                    android:id="@+id/more_jd_exit_icon"
                    android:layout_width="23.0dip"
                    android:layout_height="23.0dip"
                    android:layout_alignParentLeft="true"
                    android:layout_centerVertical="true"
                    android:src="@drawable/main_menu_exit" />

                <TextView
                    android:id="@+id/more_jd_exit_title"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_centerVertical="true"
                    android:layout_toRightOf="@+id/more_jd_exit_icon"
                    android:ellipsize="end"
                    android:paddingLeft="15.0dip"
                    android:singleLine="true"
                    android:text="@string/more_jd_exit"
                    android:textColor="@android:color/black"
                    android:textSize="16.0dip" />

                <ImageView
                    android:id="@+id/more_jd_exit_arrow"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_alignParentRight="true"
                    android:layout_centerVertical="true"
                    android:src="@drawable/android_list_idex" />
            </RelativeLayout>
        </LinearLayout>
    </ScrollView>

</RelativeLayout>

其他的業務邏輯、事件處理,可以去我網盤裡下載下來看,然後想參加京東“宙斯杯”創新應用大賽,多去他們官網看看API介面,然後自己想想創意什麼的,應該可以做出來,最後希望學弟學妹們好好學習Android,Android未來的前景還是相當好的..

相關文章