如何实现这种材料设计功能? (键盘上方的按钮)

时间:2015-10-01 08:30:19

标签: android user-interface material-design

请查看此屏幕截图

enter image description here

如何在android中添加这样的按钮。是否有一个库或它叫什么?

请注意,当隐藏键盘时,此按钮会占用导航按钮的空间。

另一个问题:如何在键盘出现或隐藏时更改蓝色应用栏的大小?

**更新:**我可以在框架布局中使用无边框按钮实现类似的布局,并将重力设置为底部。然后我用android:windowSoftInputMode =“adjustResize”  在清单文件中使其与键盘隐藏/取消隐藏。这些按钮仍然没有占据导航按钮的空间。还需要在键盘上更改应用栏大小的指导。

4 个答案:

答案 0 :(得分:1)

您可以使用

1- AppIntro

2- AppTour

答案 1 :(得分:0)

好吧,我会说按钮与键盘没有任何关系。我敢打赌它只是FrameLayout内的一个按钮,android:layout_gravity="bottom"属性设置。

答案 2 :(得分:0)

这是一个放置在容器中的无边框按钮(可能是LinearLayout) 容器本身称为buttonBar

  

无边框按钮

     

一种有用的设计是“无边框”按钮。无边界   按钮类似于基本按钮,除了它们没有边框或   背景但在不同的状态下仍然会改变外观,例如   点击时点击。

     

要创建无边框按钮,请应用borderlessButtonStyle样式   到按钮。例如:

<Button
    android:id="@+id/button_send"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="@string/button_send"
    android:onClick="sendMessage"
    style="?android:attr/borderlessButtonStyle" />
按钮栏

sample

<LinearLayout android:id="@+id/footer" android:layout_width="fill_parent"
    android:layout_height="wrap_content" android:orientation="horizontal"
    android:layout_alignParentBottom="true" style="@android:style/ButtonBar">

    <Button android:id="@+id/saveButton" android:layout_width="wrap_content"
        android:layout_height="wrap_content" android:layout_weight="1"
        android:text="@string/menu_done" />

    <Button android:id="@+id/cancelButton" android:layout_width="wrap_content"
        android:layout_height="wrap_content" android:layout_weight="1"
        android:text="@string/menu_cancel" />
</LinearLayout>

除了buttonBar之外的整个视图在滚动视图中保持整个视图,其他所有其他折叠的效果和此按钮栏位于顶部操作键盘。

答案 3 :(得分:0)

使用此作为参考。在ScrollView中插入布局。

<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    >

    <ScrollView
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1"
        >

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="vertical"
            >

           <EditText
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:lines="1"
                />

           </LinearLayout>

    </ScrollView>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        >

        <View
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="1"
            />

        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="button"
            />

    </LinearLayout>
</LinearLayout>