Question

我想在同一个布局中并排制作两个按钮，但我也希望它们在那个布局中粘在一起.. 你可以在下面的链接中看到我的意思

https://www.photobox.co.uk/my/photo?album_id=4854788471&photo_id=9770651757

Answer 1

使用水平方向的线性布局

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<link href="http://cdnjs.cloudflare.com/ajax/libs/semantic-ui/1.11.1/semantic.min.css" rel="stylesheet" />
<script src="http://cdnjs.cloudflare.com/ajax/libs/semantic-ui/1.11.1/semantic.min.js"></script>
<!-- add this div -->
<div class="dropdown-wrapper">
  <div id="heroes-dropdown" class="ui dropdown">
    <div class="text">Heroes</div>
    <i class="dropdown icon"></i>
    <div class="menu">
      <a class="item"><i class="edit icon"></i> Edit Profile</a>
      <a class="item"><i class="globe icon"></i> Choose Language</a>
      <a class="item"><i class="settings icon"></i> Account Settings</a>
    </div>
  </div>

  <div id="heroes-dropdown2" class="ui dropdown">
    <div class="text">Heroes2</div>
    <i class="dropdown icon"></i>
    <div class="menu">
      <a class="item"><i class="edit icon"></i> Edit Profile</a>
      <a class="item"><i class="globe icon"></i> Choose Language</a>
      <a class="item"><i class="settings icon"></i> Account Settings</a>
    </div>
  </div>

  <div id="heroes-dropdown3" class="ui dropdown">
    <div class="text">Heroes3</div>
    <i class="dropdown icon"></i>
    <div class="menu">
      <a class="item"><i class="edit icon"></i> Edit Profile</a>
      <a class="item"><i class="globe icon"></i> Choose Language</a>
      <a class="item"><i class="settings icon"></i> Account Settings</a>
    </div>
  </div>
</div>

我希望它适合你

Answer 2

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:gravity="center"
    android:orientation="horizontal">
    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="first"/>
    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="second"/>
</LinearLayout>

Answer 3

我看到你的形象。使用LinearLayout和权重功能。我已根据您的要求创建了相同的ayout。使用textview代替带选择器的按钮。

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="50sp"
    android:background="#e2e2e2"
    android:orientation="horizontal">

    <TextView
        android:id="@+id/txt_yes"
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:layout_weight="1"
        android:gravity="center"
        android:background="@drawable/list_selector"
        android:text="YES" />

    <View
        android:layout_width="1sp"
        android:layout_height="wrap_content"
        android:layout_marginBottom="7sp"
        android:layout_marginTop="7sp"
        android:background="@color/BLACK" />

    <TextView
        android:id="@+id/txt_no"
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:layout_weight="1"
        android:gravity="center"
        android:text="NO" />
</LinearLayout>

选择器文件txt_selector.xml

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

<item android:drawable="@color/color_pressed" android:state_pressed="true" /> <!--color_pressed= "#969696" -->
<item android:drawable="@color/txt_color" /> <!--txt_color= "#e2e2e2" -->
</selector>

Answer 4

希望以下代码适合您。

对于按钮中的分隔符我使用textview来粘贴图像中显示的两个按钮。

 <LinearLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_alignParentBottom="true"
    android:orientation="horizontal"
    android:weightSum="2">

    <Button
        android:id="@+id/button"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:background="@android:color/white"
        android:text="YES" />

    <TextView
        android:layout_width="1dp"
        android:layout_height="wrap_content"
        android:background="@color/grey_color" />

    <Button
        android:id="@+id/button2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:background="@android:color/white"
        android:text="NO" />
</LinearLayout>

并排创建两个相同布局的按钮？

4 个答案: