2011-01-19 15 views
15

相対レイアウトと中心点の固定ヘッダーとフッターの設定方法を教えてもらえますか?私はスクロールを追加し、WebViewの配列を動的に追加したいとき、私はアンドロイドでスクロール可能な中心点をスクロールしたい。誰かが例を挙げることはできますか?androidの線形レイアウトのヘッダーとフッターを設定する方法

私は試してみましたが、中心部のwebviewが正しく表示されません。変更するものはありますか?

私のXMLコードは--------

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

<LinearLayout 
    xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_width="fill_parent" 
    android:id="@+id/linear1" android:layout_height="wrap_content" 
    android:orientation="horizontal" 

    > 

<TextView android:paddingRight="75dip" android:paddingLeft="20dip" android:text="Index" android:id="@+id/TextView01" android:layout_width="wrap_content" android:layout_height="wrap_content" android:textColor="@color/black" android:textStyle="bold"></TextView> 
<TextView android:paddingRight="60dip" android:text="Last" android:id="@+id/TextView02" android:layout_width="wrap_content" android:layout_height="wrap_content" android:textColor="@color/black" android:textStyle="bold"></TextView> 
<TextView android:text="Change" android:id="@+id/TextView03" android:layout_width="wrap_content" android:layout_height="wrap_content" android:textColor="@color/black" android:textStyle="bold"></TextView> 
</LinearLayout> 
<LinearLayout 
    xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_width="fill_parent" 
    android:id="@+id/linear1" android:layout_height="6dip" 
    android:orientation="horizontal" 

    > 

<ImageView android:id="@+id/ImageView08" android:layout_gravity="center" android:background="@drawable/line" android:layout_width="fill_parent" android:layout_height="wrap_content"></ImageView> 
</LinearLayout> 
<LinearLayout 
    xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_width="fill_parent" 
    android:layout_height="wrap_content" 
    android:id="@+id/linear2" 
    android:orientation="horizontal" 

    > 
<ImageView android:id="@+id/ImageView05" android:paddingTop="5dip" android:layout_gravity="center" android:background="@drawable/down" android:layout_width="wrap_content" android:layout_height="wrap_content"></ImageView> 
<TextView android:paddingRight="30dip" android:paddingLeft="10dip" android:text="" android:id="@+id/txtindex0" android:layout_width="wrap_content" android:layout_height="wrap_content" android:textColor="@color/black" android:textSize="12dip"></TextView> 
<TextView android:paddingRight="55dip" android:text="" android:id="@+id/txtlast0" android:layout_width="wrap_content" android:layout_height="wrap_content" android:textColor="@color/black" android:textSize="12dip"></TextView> 
<TextView  android:text="" android:id="@+id/txtchange0" android:layout_width="wrap_content" android:layout_height="wrap_content" android:textSize="12dip" android:textColor="@color/red1"></TextView> 
</LinearLayout> 
<LinearLayout 
    xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_width="fill_parent" 
    android:layout_height="wrap_content" 
    android:id="@+id/linear3" 
    android:orientation="horizontal" 

    > 
<ImageView android:id="@+id/ImageView02" android:layout_gravity="center" android:background="@drawable/up" android:layout_width="wrap_content" android:layout_height="wrap_content"></ImageView> 
<TextView android:paddingRight="46dip" android:paddingLeft="10dip" android:text="" android:id="@+id/txtindex1" android:layout_width="wrap_content" android:layout_height="wrap_content" android:textColor="@color/black" android:textSize="12dip"></TextView> 
<TextView android:paddingRight="64dip" android:text="" android:id="@+id/txtlast1" android:layout_width="wrap_content" android:layout_height="wrap_content" android:textColor="@color/black" android:textSize="12dip"></TextView> 
<TextView android:text="" android:id="@+id/txtchange1" android:layout_width="wrap_content" android:layout_height="wrap_content" android:textSize="12dip" android:textColor="@color/green1"></TextView> 
</LinearLayout> 

<LinearLayout 
    xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_width="fill_parent" 
    android:layout_height="wrap_content" 
    android:id="@+id/linear4" 
    android:orientation="horizontal" 

    > 
<ImageView android:id="@+id/ImageView03" android:layout_gravity="center" android:background="@drawable/up" android:layout_width="wrap_content" android:layout_height="wrap_content"></ImageView> 
<TextView android:paddingRight="69dip" android:paddingLeft="10dip" android:text="" android:id="@+id/txtindex2" android:layout_width="wrap_content" android:layout_height="wrap_content" android:textColor="@color/black" android:textSize="12dip"></TextView> 
<TextView android:paddingRight="67dip" android:text="" android:id="@+id/txtlast2" android:layout_width="wrap_content" android:layout_height="wrap_content" android:textColor="@color/black" android:textSize="12dip"></TextView> 
<TextView android:text="" android:id="@+id/txtchange2" android:layout_width="wrap_content" android:layout_height="wrap_content" android:textSize="12dip" android:textColor="@color/green1"></TextView> 

</LinearLayout> 
<LinearLayout 
    xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_width="fill_parent" 
    android:layout_height="wrap_content" 
    android:id="@+id/linear4" 
    android:orientation="horizontal" 

    > 
<ImageView android:id="@+id/ImageView04" android:layout_gravity="center" android:background="@drawable/up" android:layout_width="wrap_content" android:layout_height="wrap_content"></ImageView> 
<TextView android:paddingRight="61dip" android:paddingLeft="10dip" android:text="" android:id="@+id/txtindex3" android:layout_width="wrap_content" android:layout_height="wrap_content" android:textColor="@color/black" android:textSize="12dip"></TextView> 
<TextView android:paddingRight="65dip" android:text="" android:id="@+id/txtlast3" android:layout_width="wrap_content" android:layout_height="wrap_content" android:textColor="@color/black" android:textSize="12dip"></TextView> 
<TextView android:text="" android:id="@+id/txtchange3" android:layout_width="wrap_content" android:layout_height="wrap_content" android:textSize="12dip" android:textColor="@color/green1"></TextView> 
</LinearLayout> 

<LinearLayout 
    xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_width="fill_parent" 
    android:id="@+id/linear1" android:layout_height="4dip" 
    android:orientation="horizontal" 
     > 

<ImageView android:id="@+id/ImageView08" android:layout_gravity="center" android:background="@drawable/line" android:layout_width="fill_parent" android:layout_height="wrap_content"></ImageView> 
</LinearLayout> 

<LinearLayout 
    xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_width="fill_parent" 
    android:layout_height="15dip" 
    android:id="@+id/linear5" 
    android:orientation="horizontal" 

    > 
<TextView android:text="Market data delayed at least 15 minutes " android:id="@+id/TextView16" android:layout_width="wrap_content" android:layout_height="wrap_content" android:textSize="12dip" android:textColor="@color/gray2"></TextView> 
</LinearLayout> 
</LinearLayout> 
<------ finishing header--------> 

< ----------フッターを追加することです--->

<LinearLayout 
    xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_width="fill_parent" 
    android:layout_height="wrap_content" 
    android:id="@+id/imglinear" 
    android:background="@color/white" 
    android:layout_alignParentBottom="true" 
    > 
<ImageView android:id="@+id/ImageView15" android:src="@drawable/quest_i" android:layout_gravity="center" android:layout_width="wrap_content" android:layout_height="wrap_content"></ImageView> 
</LinearLayout> 
画面 - のフッター------->

< ------------中心点を仕上げ

< -------------- -------->

<RelativeLayout 
    xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_width="fill_parent" 
    android:layout_height="wrap_content" 
    android:orientation="vertical" 
    android:background="@color/white" 
    android:id="@+id/mainlinear3" 
    android:layout_above="@+id/imglinear" 
    android:layout_below="@+id/mainlinear2" 
    > 
    <ScrollView android:id="@+id/ScrollView01" 
    android:layout_width="wrap_content" android:layout_height="wrap_content"> 
<RelativeLayout 
    xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_width="fill_parent" 
    android:layout_height="wrap_content" 
    android:orientation="vertical" 
    android:background="@color/white" 
    android:id="@+id/relative3"> 

    </RelativeLayout> 
    </ScrollView> 
</RelativeLayout> 

< -----------中心点仕上げ---------->

</RelativeLayout> 

感謝

+0

1つのLinearLayoutだけでなく、複数のレイアウト要素を組み合わせて使用​​できます。あなたの質問を詳述し、あなたが見たいものをスクリーンショットで追加してください。 –

+0

なぜLinearlayoutを使用しようとしていますか? 'RelativeLayout'を使用してください –

答えて

22
<?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"> 

    <!-- HEADER --> 
    <include android:id="@+id/top_header" 
     android:layout_alignParentTop="true" layout="@layout/layout_header" /> 


    <!-- FOOTER --> 
    <LinearLayout android:id="@+id/bottom_menu" 
     android:layout_width="fill_parent" android:layout_height="wrap_content"   
     android:orientation="vertical" android:layout_alignParentBottom="true"> 
     <!-- menu bar --> 
     <include layout="@layout/layout_footer_menu" /> 
    </LinearLayout> 

    <!-- MAIN PART --> 
    <LinearLayout android:orientation="vertical" 
     android:layout_width="fill_parent" android:layout_height="fill_parent" 
     android:layout_below="@id/top_header" android:layout_above="@id/bottom_menu" 
     android:layout_weight="1" 
     android:id="@+id/sub_content_view" 
     android:paddingBottom="5sp" android:background="#EAEAEA"> 
    </LinearLayout> 
</RelativeLayout> 

両方の本体にセットした方がよい:

アンドロイド:layout_below = "@のID/top_header" アンドロイド:あなたのケースの内容にlayout_above = "@のID/bottom_menu"

はフッターの下になりますスクロールバーが正しく表示されません。

また、コンテンツのコードにフッタを配置する必要があります。アンドロイドはIDの前に定義されていなかったID(@ id/bottom_menu)を参照します。

+1

アプリケーション全体のフッターを追加する方法はありますか?たとえば、最初のアクティビティにフッターを追加した場合、今度は2番目のアクティビティ、3番目のアクティビティなどに移動します。それでも私は最初のアクティビティで追加しました。 (iPhoneナビゲーションコントローラと同じものが使用されます) –

関連する問題