如何在android webview中添加顶部和底部菜单栏

时间:2014-01-11 10:23:48

标签: android web menu

here is the sample image i want to do..so i need the bottom menus.我正在使用android app ..我创建了一个Web视图。现在我想在我的应用程序中添加页眉和页脚等顶部和底部菜单栏..我的应用程序以启动画面开始..然后是web视图。如何将这些菜单添加到这些Web视图的顶部和底部.. ???请帮帮我,谢谢。

这是我的xml

      <?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:id="@+id/layout"
        > 
       <ImageView 
            android:layout_width="fill_parent" 
            android:layout_height="fill_parent" 
            android:scaleType="center" 
            android:src="@drawable/appinc" 
            android:visibility="visible" 
        /> 
       <WebView android:id="@+id/webview" 
        android:layout_height="fill_parent" 
        android:layout_width="fill_parent" 
        android:visibility="gone" 
        />

      <ProgressBar
        android:id="@+id/progressBar1"
        style="?android:attr/progressBarStyleHorizontal"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout_alignParentLeft="true"
        android:layout_alignParentRight="true"
        android:layout_marginBottom="114dp" />

   </RelativeLayout> 

4 个答案:

答案 0 :(得分:0)

如果您正在使用选项菜单,则无法更改菜单的位置。请参阅:https://stackoverflow.com/a/8236188/2741586

但是,您实际上可以分割操作栏(使用m ActionBarSherlock在4.0+或更旧版本中)。通过拆分操作栏,菜单将同时显示在顶部和按钮中:enter image description here

如果这是您想要的:请按照link

进行操作

更新: 我找到了另一种选择!如果你想要这样的菜单Google Play 如果您想要这些溢出的3点图标:Follow this link.

如果这些都不符合您的需要,您应该根据您的选择创建自定义视图并进行修改!

希望这有帮助!

答案 1 :(得分:0)

要申请xml,请尝试:

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

    <ImageView
        android:id="@+id/image"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:scaleType="center"
        android:src="@drawable/appinc"
        android:visibility="visible" />

    <LinearLayout
        android:id="@+id/bottom_bar"
        android:layout_width="match_parent"
        android:layout_height="80dp"
        android:layout_alignParentBottom="true"
        android:background="#550055" >
    </LinearLayout>

    <ProgressBar
        android:id="@+id/progressBar1"
        style="?android:attr/progressBarStyleHorizontal"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_above="@id/bottom_bar" />

    <WebView
        android:id="@+id/webview"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:layout_above="@id/progressBar1"
        android:layout_below="@id/image"
        android:visibility="visible" />

</RelativeLayout>

答案 2 :(得分:0)

你应该使用android:layout_weight =&#34; 0dp&#34;

答案 3 :(得分:0)

Android为我们提供了许多组件,可以组成一个快速而优质的应用程序。 TextView,ImageView等是android中的常规和重要组件。在本教程中,您将阅读在Android视图的顶部和底部添加边框。 android视图的边框可以通过几种方式添加。在这里,我将展示将边框添加到Android [TextView,Button]视图的最简单方法。因此,只需仔细检查以下内容即可。

您需要在res / drawable目录中构建XML可绘制文件,以添加边框。这适用于android 2.2及更高版本。

Adding Border to the Top and Bottom of an Android View

将边框添加到Android视图顶部和底部的分步指南

#1:XML可绘制文件

首先,您需要在/ res / drawable文件夹(例如/res/drawable/border_top_bottom.xml)中创建XML可绘制文件border_top_bottom.xml,并将其链接到TextView。您的可绘制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="2dp"
                android:color="#e10606" />
            <solid android:color="#9bce64" />
        </shape>
    </item>

    <item
        android:bottom="2dp"
        android:top="2dp">
        <shape android:shape="rectangle">
            <stroke
                android:width="2dp"
                android:color="#9bce64" />
        </shape>
    </item>

</layer-list>

由GitHub托管❤的border_top_bottom.xml

#2:XML布局文件

以下是我添加了TextView的XML布局文件的内容。

res / layout / top_bottom_border_in_android_view.xml

<?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:layout_margin="16dp"
    android:orientation="vertical">

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Adding Border in Top and Bottom of View" />

    <TextView
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="16dp"
        android:background="@drawable/border_top_bottom"
        android:padding="30dp"
        android:text="Top Bottom Border in TextView"
        android:textColor="#000000"
        android:textSize="18sp" />

    <Button
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="16dp"
        android:background="@drawable/border_top_bottom"
        android:text="Top Bottom Border in Button" />

    <TextView
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:autoLink="web"
        android:gravity="center|bottom"
        android:text="ViralAndroid.com"
        android:textSize="25sp"
        android:layout_marginTop="8dp"
        android:textStyle="bold" />
</LinearLayout>

由GitHub托管于❤的top_bottom_border_in_android_view.xml

#3:Strings.xml文件

res / values / strings.xml

<resources>
  
    <string name="app_name">Adding Border to the Top and Bottom of an Android View</string>
    
</resources>

strings.xml由GitHub托管

现在,在Android View应用程序的顶部和底部运行添加边框,您将在TextView的顶部和底部看到边框。

有关更多信息,请单击此处:Android Tips and Tricks