【问题标题】:How to create a semi-oval footer with buttons in android如何在android中创建带有按钮的半椭圆形页脚
【发布时间】:2014-07-11 09:00:04
【问题描述】:

很遗憾,我无法理解下面的设计,这就是为什么像半椭圆形页脚这样问的原因。

实际上,这是一个带有两个侧边按钮的布局的页脚设计,来自其中一个 ios 应用程序。首先我认为它像一个底部标签,但经过一些研究后我知道,它是一个带有 FramaLayout、两个按钮和一个显示计数的文本的页脚,但仍然不确定这是什么以及如何做..

我在布局中添加了一个页脚,并赋予它透明的黑色背景,但仍然无法实现这种特殊的半椭圆形样式。建议和帮助将非常明显。 请提出建议。

谢谢

【问题讨论】:

  • 是否必须只有半椭圆形表面可点击?
  • 这是一个 PNG。它有一个透明的上部“弯曲”区域。而已。没什么神奇的。
  • @PhilippJahoda 根据要求,这是必不可少的。
  • 如果您愿意,您可以制作 2 个 PNG(2 半)或只制作一个并镜像。当然,制作 2 更容易。
  • @FrankN.Stein 你能用答案解释一下吗,这将有助于我设计这个。

标签: android android-layout footer


【解决方案1】:

我认为您的页脚是一个容器:LinearLayout(以便您可以使用权重)或 RelativeLayout。

然后它有几个水平放置的可点击元素(不详细说明,假设你可以自己管理它)

现在,这两个“可点击”(我会使用 TextViews,所以我可以将图像甚至文本放入其中)有一个半透明(50% 黑色)的背景,如下所示:

(rect_left)

(rect_rite)

让容器背景图片看穿。

我的图形不太好,你可以制作比我更好的图片。 ;)
这些只是说明了这个概念。

【讨论】:

  • 伟大的弗兰克。你的图形也很棒。感谢您的帮助。
  • 灰色“半椭圆”形状上方的白色区域不可点击怎么办?
  • @PhilippJahoda 不,“白色”(但它真的是透明)区域是可点击的,但你甚至没有注意到。
  • @RanjitPati 不,我不是。你看它看起来像一把锯子(它被称为锯齿)。我应该花更多的时间在它上面,让它看起来不错。但是这个周末的时间是如此宝贵......;)
【解决方案2】:

您应该创建一个新的 Drawable 并将其用作相对/线性布局或视图的背景

检查这个 SO 问题并回答:Can I draw rectangle in XML?

由于上面的问答对给出了一个矩形的示例,您可以将其修改为卵形:

<?xml version="1.0" encoding="utf-8"?>
<shape
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="oval">

   <solid 
       android:color="#666666"/>

   <size 
       android:width="120dp"
        android:height="120dp"/>
</shape>

【讨论】:

  • 感谢您的建议。我试过了,但没有结果。它仅适用于高达 5/10 dp 的角落。
  • 我编辑了我的答案,请检查一下
  • 感谢 Ryno 的帮助。但我已经在弗兰克的回答的帮助下解决了这个问题。我会在我的应用程序的其他部分使用你的建议。所以我支持你。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2019-02-27
  • 1970-01-01
  • 1970-01-01
  • 2018-10-04
  • 1970-01-01
  • 2021-10-05
  • 1970-01-01
相关资源
最近更新 更多