Android: LinearLayout 中的居中和右对齐
Android: center and right alignment inside LinearLayout
我有两个线性布局,一个在另一个里面。在第二个中,我有一个 Switch
按钮、一个 TextView
和一个 FloatingActionButton
。我想将这 3 个放在同一行,我想将 Switch 和 TextView
集中在一起,我想将 FloatingActionButton
对齐在屏幕的右侧。我尝试使用 marginLeft
强制他们去我想要的位置,但我认为这不是正确的方法。
这是我的代码(现在 3 个组件已经在同一行):
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:fab="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="80dp"
android:orientation="horizontal"
android:weightSum="1" >
<Switch
android:id="@+id/mySwitch"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentTop="true"
android:layout_marginLeft="140dp"
android:layout_marginTop="20dp"
android:theme="@style/SCBSwitch"
/>
<TextView
android:id="@+id/OpenClose"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="20dp"
android:layout_marginLeft="10dp"
android:text="Open"
android:textSize="20dp"/>
<android.support.design.widget.FloatingActionButton
android:id="@+id/action_find_location"
android:layout_width="277dp"
android:layout_height="40dp"
android:layout_marginTop="10dp"
android:layout_marginLeft="75dp"
android:layout_marginRight="10dp"
android:src="@drawable/calendar_today"
fab:backgroundTint="@color/theme_color"
fab:borderWidth="0dp"
fab:elevation="9dp"
fab:rippleColor="@color/toolbar_title_color"
fab:fabSize="mini"/>
</LinearLayout>
</LinearLayout>
刚刚获取了您的代码并进行了一些更改。请检查是否正常
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:fab="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">
<LinearLayout
android:layout_width="fill_parent"
android:layout_height="80dp"
android:orientation="horizontal"
android:weightSum="3">
<Switch
android:id="@+id/mySwitch"
android:layout_width="50dp"
android:layout_height="50dp"
android:theme="@style/SCBSwitch"
android:layout_gravity="start"
android:gravity="center"
android:layout_weight="1"/>
<TextView
android:id="@+id/OpenClose"
android:layout_width="50dp"
android:layout_height="50dp"
android:text="Open"
android:textSize="20dp"
android:layout_gravity="center_horizontal"
android:gravity="center"
android:layout_weight="1"/>
<android.support.design.widget.FloatingActionButton
android:id="@+id/action_find_location"
android:layout_width="50dp"
android:layout_height="50dp"
android:src="@drawable/calendar_today"
fab:backgroundTint="@color/theme_color"
fab:borderWidth="0dp"
fab:elevation="9dp"
fab:rippleColor="@color/toolbar_title_color"
fab:fabSize="mini"
android:layout_gravity="end"
android:gravity="center"
android:layout_weight="1"/>
</LinearLayout>
</LinearLayout>
从 LinearLayout
中删除 android:weightSum="1"
并执行类似的操作:
<FrameLayout
android:layout_width="0dp"
android:layout_height="match_parent"
android:layout_weight="1"
android:orientation="horizontal">
<Switch
android:id="@+id/mySwitch"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center" />
</FrameLayout>
与 TextView
相同,并使用 FAB 删除:
android:layout_gravity="end"
android:gravity="center"
android:layout_weight="1"
我有两个线性布局,一个在另一个里面。在第二个中,我有一个 Switch
按钮、一个 TextView
和一个 FloatingActionButton
。我想将这 3 个放在同一行,我想将 Switch 和 TextView
集中在一起,我想将 FloatingActionButton
对齐在屏幕的右侧。我尝试使用 marginLeft
强制他们去我想要的位置,但我认为这不是正确的方法。
这是我的代码(现在 3 个组件已经在同一行):
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:fab="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="80dp"
android:orientation="horizontal"
android:weightSum="1" >
<Switch
android:id="@+id/mySwitch"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentTop="true"
android:layout_marginLeft="140dp"
android:layout_marginTop="20dp"
android:theme="@style/SCBSwitch"
/>
<TextView
android:id="@+id/OpenClose"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="20dp"
android:layout_marginLeft="10dp"
android:text="Open"
android:textSize="20dp"/>
<android.support.design.widget.FloatingActionButton
android:id="@+id/action_find_location"
android:layout_width="277dp"
android:layout_height="40dp"
android:layout_marginTop="10dp"
android:layout_marginLeft="75dp"
android:layout_marginRight="10dp"
android:src="@drawable/calendar_today"
fab:backgroundTint="@color/theme_color"
fab:borderWidth="0dp"
fab:elevation="9dp"
fab:rippleColor="@color/toolbar_title_color"
fab:fabSize="mini"/>
</LinearLayout>
</LinearLayout>
刚刚获取了您的代码并进行了一些更改。请检查是否正常
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:fab="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">
<LinearLayout
android:layout_width="fill_parent"
android:layout_height="80dp"
android:orientation="horizontal"
android:weightSum="3">
<Switch
android:id="@+id/mySwitch"
android:layout_width="50dp"
android:layout_height="50dp"
android:theme="@style/SCBSwitch"
android:layout_gravity="start"
android:gravity="center"
android:layout_weight="1"/>
<TextView
android:id="@+id/OpenClose"
android:layout_width="50dp"
android:layout_height="50dp"
android:text="Open"
android:textSize="20dp"
android:layout_gravity="center_horizontal"
android:gravity="center"
android:layout_weight="1"/>
<android.support.design.widget.FloatingActionButton
android:id="@+id/action_find_location"
android:layout_width="50dp"
android:layout_height="50dp"
android:src="@drawable/calendar_today"
fab:backgroundTint="@color/theme_color"
fab:borderWidth="0dp"
fab:elevation="9dp"
fab:rippleColor="@color/toolbar_title_color"
fab:fabSize="mini"
android:layout_gravity="end"
android:gravity="center"
android:layout_weight="1"/>
</LinearLayout>
</LinearLayout>
从 LinearLayout
中删除 android:weightSum="1"
并执行类似的操作:
<FrameLayout
android:layout_width="0dp"
android:layout_height="match_parent"
android:layout_weight="1"
android:orientation="horizontal">
<Switch
android:id="@+id/mySwitch"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center" />
</FrameLayout>
与 TextView
相同,并使用 FAB 删除:
android:layout_gravity="end"
android:gravity="center"
android:layout_weight="1"