android 實現類似個人中心的介面設計

2021-07-08 13:50:11 字數 2402 閱讀 5747

上效果圖:

先理清設計思路:

1、外層用linearlayout包裹,linearlayout採用shape,搭上描邊、圓角和填充背景色。

2、裡層採用relativelayout填充進textview、imageview。

思路搞清後,很簡單就兩步。

先上布局**:

style="@style/personalmainlayoutstyle" >

style="@style/findbottomstyle" >

style="@style/personaltextstyle"

android:text="我的訂單" />

android:id="@+id/iv_drop_down"

style="@style/personalrighticonstyle"

android:src="@drawable/android_list_idex" />

relativelayout>

linearlayout>

linearlayout布局屬性**:

name="android:layout_width">match_parentitem>

name="android:layout_height">wrap_contentitem>

name="android:layout_margin">10dpitem>

name="android:background">@drawable/background_cornersitem>

name="android:orientation">verticalitem>

name="android:padding">1dpitem>

relativelayout布局屬性**:

name="android:layout_width">match_parentitem>

name="android:layout_height">30dpitem>

name="android:layout_margin">5dpitem>

name="android:background">@drawable/more_activity_item_selector_bottom_cornersitem>

textview和imageview的屬性**可以自己設計了。

下面是drawable的設計**.

看到上邊relativelayout的item中引用了drawable-more_activity_item_selector_bottom_corners,個人感覺好像沒什麼卵用,主要是linearlayout的drawable,但是我沒試,還是貼出來吧

relativelayout-drawable:

<?xml version="1.0" encoding="utf-8"?>
xmlns:android="">

android:state_pressed="true">

android:color="#ffffe381" />

android:width="0.0dip"

android:color="#ffcccccc" />

android:bottomleftradius="6.0dip"

android:bottomrightradius="6.0dip" />

shape>

item>

android:color="#ffffffff" />

android:width="0.0dip"

android:color="#ffcccccc" />

android:bottomleftradius="6.0dip"

android:bottomrightradius="6.0dip" />

shape>

item>

selector>linearlayout-drawable:

<?xml version="1.0" encoding="utf-8"?>
xmlns:android="">

android:color="#ffffffff" />

android:width="1.0dip"

android:color="#ffcccccc" />

android:radius="6.0dip" />

shape>

item>

selector>

iOS 使用tableView實現 個人中心列表

最終效果 直接上 首先使uiviewcontroller 實現協議 uitableviewdatasource uitableviewdelegate 建立兩個屬性 uitableview personaltableview nsarray datasource objc view plain co...

iOS 購物 個人中心介面

上乙個qq介面真實無心插柳,想不到乙個新手的普通介面可以上首頁推薦,在這謝謝那些csdn工作者對新手的支援,謝謝soledadzz 的特別推薦 以下這個介面也是師傅鍛鍊我的題目主要是讓我熟悉table的使用 我想盡量的去用mvc,盡量的去實現介面與資料的分離,可是乙個水平沒有達到,不知道這種介面算不...

完成個人中心 導航標籤

個人中心 導航標籤鏈結增加tag引數 全部問答 個人中心 有鏈結到個人中心頁面的url增加tag引數 個人中心 導航標籤鏈結增加tag引數 全部問答 個人中心 有鏈結到個人中心頁面的url增加tag引數 個人資訊頁 def usercenter user id,tag user user.query...