我們瀏覽淘寶商品詳情的時候會遇到回到頂部這個功能,下面就說說這個功能的簡單實現
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent" >
<ScrollView
android:id="@+id/sc"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:fillViewport="true" >
<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical" >
<WebView
android:id="@+id/wb"
android:layout_width="match_parent"
android:layout_height="match_parent"
>
</WebView>
</LinearLayout>
</ScrollView>
<Button
android:id="@+id/bt"
android:layout_width="match_parent"
android:layout_height="50dp"
android:background="@android:color/black"
android:layout_gravity="bottom"
android:text="點我向上"
android:textColor="#ffffff"
/>
</FrameLayout>
布局最外層使用FrameLayout,然後套上ScrollView,但是一定要注意ScrollView的高只能是wrap_content,要不然點擊回到底部沒效果。
代碼如下
public class MainActivity extends AppCompatActivity {
private ScrollView sc;
private WebView wb;
private Button bt;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
sc=(ScrollView)findViewById(R.id.sc);
wb=(WebView)findViewById(R.id.wb);
bt=(Button)findViewById(R.id.bt);
bt.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
sc.post(new Runnable() {
@Override
public void run() {
sc.post(new Runnable() {
public void run() {
// 回到頂部
sc.fullScroll(ScrollView.FOCUS_UP);
}
});
}
});
}
});
initView();
}
private void initView() {
String url = "https://www.111cn.net/";
WebSettings webSettings = wb.getSettings();
webSettings.setLayoutAlgorithm(WebSettings.LayoutAlgorithm.SINGLE_COLUMN);
webSettings.setJavaScriptEnabled(true); //設定WebView屬性執行Javascript指令碼
//設定可以訪問檔案
webSettings.setAllowFileAccess(true);
webSettings.setBuiltInZoomControls(false);// 設定是否顯示縮放工具
wb.loadUrl(url);
wb.setWebViewClient(new WebViewClient());
}
}
實現效果如圖,我這裡是使用webView連結百度的網頁,換成其他的控制項也是一樣的